﻿@charset "utf-8";

@font-face {
    font-family: cwTeXHei;
    font-style: normal;
    font-weight: 500;
    src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot);
    src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff2) format('woff2'),url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff) format('woff'),url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.ttf) format('truetype');
}

a, abbr, acronym, address, applet, b, big, blockquote, body, button, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, input, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, select, small, span, strike, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, u, ul, var {
    margin: 0;
    padding: 0;
}

body {
    font: 12px/1.25 "Microsoft Yahei",Tahoma,"Helvetica Neue","宋体",Helvetica,Arial,sans-serif;
    color: #666;
    background-color: #fff;
}

ul {
    list-style: none;
}

li {
    vertical-align: top;
}

button, input, select, textarea {
    font-size: 12px;
    font-family: inherit;
    vertical-align: middle;
    line-height: normal;
}

input {
    outline: 0;
}

button, input {
    border: 0;
}

button {
    cursor: pointer;
}

em {
    font-style: normal;
}

img {
    vertical-align: middle;
    border: 0;
}

a {
    text-decoration: none;
    color: #333;
}

    a:hover {
        color: #333;
        text-decoration: none;
    }

.clearfix {
    zoom: 1;
}

    .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

.fl {
    float: left;
}

.fr {
    float: right;
}

.tac {
    text-align: center !important;
}

.tal {
    text-align: left !important;
}

.tar {
    text-align: right !important;
}

.db {
    display: block;
}

.clear {
    clear: both;
}

.current {
    cursor: default;
}

.currentP {
    cursor: pointer;
}

.hide {
    display: none;
}

.clearBoth {
    clear: both;
}

.visHide {
    visibility: hidden;
}

.bodyGray {
    background-color: #1a1a1a;
}

    .bodyGray .headerBlackCon, .bodyGray .main {
        width: 1168px;
    }

.gray {
    color: #cecece !important;
}

.mt_5 {
    margin-top: 5px;
}

.mt_11 {
    margin-top: 11px;
}

.mt_15 {
    margin-top: 15px;
}

.mt_19 {
    margin-top: 19px;
}

.mt_20 {
    margin-top: 20px;
}

.mt_25 {
    margin-top: 25px;
}

.mt_32 {
    margin-top: 32px;
}

.mt_36 {
    margin-top: 36px;
}

.mt_47 {
    margin-top: 47px !important;
}

.mt_50 {
    margin-top: 50px;
}

.mt_58 {
    margin-top: 58px !important;
}

.mt_80 {
    margin-top: 80px;
}

.mb_10 {
    margin-bottom: 10px;
}

.mb_15 {
    margin-bottom: 15px;
}

.mb_20 {
    margin-bottom: 20px;
}

.ml_5 {
    margin-left: 5px;
}

.ml_20 {
    margin-left: 20px;
}

.mr_5 {
    margin-right: 5px;
}

.mr_10 {
    margin-right: 10px;
}

.pt_62 {
    padding-top: 62px !important;
}

.pt_82 {
    padding-top: 82px !important;
}

.noLine {
    border: none !important;
}

.contentShow, .customMade, .footerCon, .headerBlackCon, .headerCon, .headerInfo, .headerList, .loginH2 span, .main, .userCenter {
    width: 813px;
    margin: 0 auto;
}

.main {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 10px;
}

.i_icoCloseSW, .i_icoSfive, .i_icoSfour, .i_icoSone, .i_icoSsix, .i_icoSthrere, .i_icoStwo, .profileCode span i {
    background: url(../images/icon-All.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}

.i_icoSone {
    background-position: -27px -492px;
    width: 123px;
    height: 123px;
}

.i_icoStwo {
    background-position: -183px -492px;
    width: 123px;
    height: 123px;
}

.i_icoSthrere {
    background-position: -339px -492px;
    width: 123px;
    height: 123px;
}

.i_icoSfour {
    background-position: -27px -663px;
    width: 123px;
    height: 123px;
}

.i_icoSfive {
    background-position: -183px -663px;
    width: 123px;
    height: 123px;
}

.i_icoSsix {
    background-position: -339px -663px;
    width: 123px;
    height: 123px;
}

.i_icoCloseSW {
    background-position: -115px -394px;
    width: 25px;
    height: 25px;
}

.profileCode span i {
    background-position: -152px -406px;
    width: 71px;
    height: 71px;
    float: left;
}

.btnC, .btnD, .btnE, .btnH, .btnLogin, .front a, .front a.No, .i_icoAdd, .i_icoAdds, .i_icoBeight, .i_icoBeleven, .i_icoBfive, .i_icoBfour, .i_icoBnine, .i_icoBone, .i_icoBseven, .i_icoBsix, .i_icoBten, .i_icoBthirteen, .i_icoBthree, .i_icoBtwelve, .i_icoBtwo, .i_icoCeight, .i_icoCeleven, .i_icoCfive, .i_icoCfour, .i_icoClose, .i_icoCloseSmall, .i_icoCloseW, .i_icoCloseX, .i_icoCloses, .i_icoCnine, .i_icoColorEight, .i_icoColorEleven, .i_icoColorFive, .i_icoColorFour, .i_icoColorNine, .i_icoColorOne, .i_icoColorSeven, .i_icoColorSix, .i_icoColorTen, .i_icoColorThree, .i_icoColorTwo, .i_icoCone, .i_icoCorrect, .i_icoCseven, .i_icoCsix, .i_icoCten, .i_icoCthree, .i_icoCtwelve, .i_icoCtwo, .i_icoCut, .i_icoDian, .i_icoDown, .i_icoDownload, .i_icoDowns, .i_icoError, .i_icoErrors, .i_icoExport, .i_icoForwarding, .i_icoHome, .i_icoHomeN, .i_icoInfo, .i_icoLeft, .i_icoLeftNo, .i_icoLfive, .i_icoLfour, .i_icoLoad, .i_icoLock, .i_icoLone, .i_icoLook, .i_icoLookB, .i_icoLooks, .i_icoLseven, .i_icoLsix, .i_icoLthree, .i_icoLtwo, .i_icoMeight, .i_icoMeleven, .i_icoMfive, .i_icoMfour, .i_icoMnine, .i_icoMone, .i_icoMseven, .i_icoMsix, .i_icoMten, .i_icoMthree, .i_icoMtwelve, .i_icoMtwo, .i_icoNot, .i_icoOk, .i_icoOks, .i_icoOkss, .i_icoPay, .i_icoPicture, .i_icoPlay, .i_icoPoint, .i_icoPoints, .i_icoPointss, .i_icoPointssss, .i_icoPrint, .i_icoPrion, .i_icoPrompt, .i_icoPrompts, .i_icoRefresh, .i_icoReplace, .i_icoRight, .i_icoRightNo, .i_icoScrollTop, .i_icoSok, .i_icoStarA, .i_icoStarB, .i_icoSuccess, .i_icoTabsFive, .i_icoTabsFour, .i_icoTabsOne, .i_icoTabsThree, .i_icoTabsTwo, .i_icoThrough, .i_icoTime, .i_icoTop, .i_icoUnlook, .i_icoUnlooks, .i_icoWadd, .i_icoWindFive, .i_icoWindFour, .i_icoWindOne, .i_icoWindSix, .i_icoWindThree, .i_icoWindTwo, .i_icoWrite, .item a, .loginImgA, .logoOther, .next a, .next a.No, .payCon_radio i, .payCon_radioGreen.on i, .payCon_radioOrange.on i, .payTableGreen i, .payTableOrange i, .resumeMenu_list a:hover i, .userImg {
    background: url(../images/icon_01.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}

.i_icoWindFiveNew, .i_icoWindFourNew, .i_icoWindOneNew, .i_icoWindSixNew, .i_icoWindThreeNew, .i_icoWindTwoNew {
    display: inline-block;
    background: url(../images/icon-All.png) no-repeat;
}

.i_icoWindOneNew {
    float: left;
    background-position: 0 -797px;
    width: 56px;
    height: 49px;
    margin-right: 5px;
}

.i_icoWindThreeNew {
    background-position: -60px -797px;
    width: 56px;
    height: 49px;
    float: left;
    margin-right: 5px;
}

.i_icoWindFourNew {
    background-position: -122px -797px;
    width: 56px;
    height: 49px;
    float: left;
    margin-right: 5px;
}

.i_icoWindFiveNew {
    background-position: -184px -797px;
    width: 56px;
    height: 49px;
    float: left;
    margin-right: 5px;
}

.logoOther {
    background-position: -160px -226px;
    width: 34px;
    height: 40px;
}

.i_icoPlay {
    background-position: -160px -101px;
    width: 27px;
    height: 27px;
}

.i_icoLone {
    background-position: 0 0;
    width: 100px;
    height: 100px;
}

.i_icoLtwo {
    background-position: -101px 0;
    width: 100px;
    height: 100px;
}

.i_icoLthree {
    background-position: -203px 0;
    width: 100px;
    height: 100px;
}

.i_icoLfour {
    background-position: -304px 0;
    width: 100px;
    height: 100px;
}

.i_icoLfive {
    background-position: 0 -370px;
    width: 88px;
    height: 88px;
}

.i_icoLsix {
    background-position: -89px -370px;
    width: 88px;
    height: 88px;
}

.i_icoLseven {
    background-position: -178px -370px;
    width: 88px;
    height: 88px;
}

.i_icoDown {
    background-position: -422px -72px;
    width: 12px;
    height: 7px;
}

.i_icoDian {
    background-position: -404px -72px;
    width: 5px;
    height: 5px;
}

.i_icoTabsOne {
    background-position: 0 -101px;
    width: 32px;
    height: 32px;
}

.contentTabs_list .focus .i_icoTabsOne {
    background-position: 0 -135px;
}

.i_icoTabsTwo {
    background-position: -33px -101px;
    width: 32px;
    height: 32px;
}

.contentTabs_list .focus .i_icoTabsTwo {
    background-position: -33px -135px;
}

.i_icoTabsThree {
    background-position: -67px -101px;
    width: 27px;
    height: 32px;
}

.contentTabs_list .focus .i_icoTabsThree {
    background-position: -67px -135px;
}

.i_icoTabsFour {
    background-position: -95px -101px;
    width: 32px;
    height: 32px;
}

.contentTabs_list .focus .i_icoTabsFour {
    background-position: -95px -135px;
}

.i_icoTabsFive {
    background-position: -128px -101px;
    width: 31px;
    height: 32px;
}

.contentTabs_list .focus .i_icoTabsFive {
    background-position: -128px -135px;
}

.i_icoTop {
    background-position: -410px -72px;
    width: 11px;
    height: 7px;
}

.i_icoClose {
    background-position: -435px -72px;
    width: 12px;
    height: 12px;
}

.i_icoCloses {
    background-position: -443px -106px;
    width: 21px;
    height: 21px;
}

.i_icoCloseSmall {
    background-position: -445px -189px;
    width: 8px;
    height: 8px;
}

.i_icoOk {
    background-position: -448px -72px;
    width: 18px;
    height: 18px;
}

.i_icoOks {
    background-position: -262px -541px;
    width: 18px;
    height: 18px;
}

.i_icoOkss {
    background-position: -51px -631px;
    width: 45px;
    height: 45px;
}

.i_icoErrors {
    background-position: -281px -541px;
    width: 18px;
    height: 18px;
}

.i_icoError {
    background-position: -467px -72px;
    width: 18px;
    height: 18px;
}

.i_icoRefresh {
    background-position: -486px -72px;
    width: 10px;
    height: 10px;
}

.i_icoSuccess {
    background-position: 0 -209px;
    width: 98px;
    height: 98px;
}

.i_icoHome {
    background-position: -452px -91px;
    width: 16px;
    height: 13px;
}

.i_icoHomeN {
    background-position: -224px -541px;
    width: 18px;
    height: 15px;
}

    .i_icoHomeN:hover {
        background-position: -243px -541px;
    }

.i_icoDowns {
    background-position: -486px -84px;
    width: 7px;
    height: 6px;
}

.userImg {
    background-position: -465px -106px;
    width: 35px;
    height: 35px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

    .userImg img {
        width: 35px;
        height: 35px;
    }

.i_icoColorOne {
    background-position: -1px -308px;
    width: 35px;
    height: 35px;
}

.i_icoColorTwo {
    background-position: -37px -308px;
    width: 35px;
    height: 35px;
}

.i_icoColorThree {
    background-position: -73px -308px;
    width: 35px;
    height: 35px;
}

.i_icoColorFour {
    background-position: -109px -308px;
    width: 35px;
    height: 35px;
}

.i_icoColorFive {
    background-position: -145px -308px;
    width: 35px;
    height: 35px;
}

.i_icoColorSix {
    background-position: -181px -308px;
    width: 35px;
    height: 35px;
}

.i_icoColorSeven {
    background-position: -217px -308px;
    width: 35px;
    height: 35px;
}

.i_icoColorEight {
    background-position: -253px -308px;
    width: 35px;
    height: 35px;
}

.i_icoColorNine {
    background-position: -289px -308px;
    width: 35px;
    height: 35px;
}

.i_icoColorTen {
    background-position: -325px -308px;
    width: 35px;
    height: 35px;
}

.i_icoColorEleven {
    background-position: -361px -308px;
    width: 35px;
    height: 35px;
}

.i_icoAdd {
    background-position: -335px -209px;
    width: 85px;
    height: 85px;
}

.i_icoStarA {
    background-position: -469px -91px;
    width: 15px;
    height: 14px;
}

.i_icoStarB {
    background-position: -485px -91px;
    width: 15px;
    height: 14px;
}

.i_icoPrompt {
    background-position: -427px -308px;
    width: 29px;
    height: 29px;
}

    .i_icoPrompt:hover, .i_icoPrompts {
        background-position: -398px -308px;
        width: 29px;
        height: 29px;
    }

.i_icoCorrect {
    background-position: -445px -128px;
    width: 19px;
    height: 14px;
}

.i_icoCloseX {
    background-position: -477px -142px;
    width: 23px;
    height: 23px;
}

.i_icoLook {
    background-position: -267px -370px;
    width: 77px;
    height: 77px;
}

.i_icoPrint {
    background-position: -477px -166px;
    width: 23px;
    height: 22px;
}

.i_icoForwarding {
    background-position: -454px -166px;
    width: 23px;
    height: 22px;
}

.i_icoWrite {
    background-position: -477px -189px;
    width: 23px;
    height: 22px;
}

.i_icoDownload {
    background-position: -454px -189px;
    width: 23px;
    height: 22px;
}

.i_icoWindOne {
    background-position: -421px -212px;
    width: 36px;
    height: 36px;
}

.i_icoWindTwo {
    background-position: -458px -212px;
    width: 36px;
    height: 36px;
}

.i_icoWindThree {
    background-position: -421px -249px;
    width: 36px;
    height: 36px;
}

.i_icoWindFour {
    background-position: -458px -249px;
    width: 36px;
    height: 36px;
}

.i_icoWindFive {
    background-position: -458px -286px;
    width: 36px;
    height: 36px;
}

.i_icoWindSix, .i_icoWindSix:hover {
    background-position: -379px -619px;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    color: #fff;
    font-size: 20px;
}

.i_icoCloseW {
    background-position: -463px -142px;
    width: 13px;
    height: 13px;
}

.i_icoReplace {
    background-position: -187px -541px;
    width: 20px;
    height: 12px;
}

.i_icoExport {
    background-position: -209px -541px;
    width: 15px;
    height: 15px;
}

.i_icoSok {
    background-position: 0 -571px;
    width: 59px;
    height: 59px;
}

.i_icoLeft {
    background-position: -418px -503px;
    width: 25px;
    height: 48px;
}

.i_icoLeftNo {
    background-position: 0 -631px;
    width: 25px;
    height: 48px;
}

.i_icoRight {
    background-position: -444px -503px;
    width: 25px;
    height: 48px;
}

.i_icoRightNo {
    background-position: -26px -631px;
    width: 25px;
    height: 48px;
}

.i_icoInfo {
    background-position: -416px -631px;
    width: 42px;
    height: 37px;
}

.i_icoMone {
    background-position: 0 -503px;
    width: 44px;
    height: 37px;
}

.i_icoMtwo {
    background-position: -45px -503px;
    width: 29px;
    height: 37px;
}

.i_icoMthree {
    background-position: -75px -503px;
    width: 36px;
    height: 37px;
}

.i_icoMfour {
    background-position: -112px -503px;
    width: 37px;
    height: 37px;
}

.i_icoMfive {
    background-position: -150px -503px;
    width: 37px;
    height: 37px;
}

.i_icoMsix {
    background-position: -188px -503px;
    width: 32px;
    height: 37px;
}

.i_icoMseven {
    background-position: -221px -503px;
    width: 33px;
    height: 37px;
}

.i_icoMeight {
    background-position: -255px -503px;
    width: 35px;
    height: 37px;
}

.i_icoMnine {
    background-position: -291px -503px;
    width: 25px;
    height: 37px;
}

.i_icoMten {
    background-position: -317px -503px;
    width: 35px;
    height: 37px;
}

.i_icoMeleven {
    background-position: -353px -503px !important;
    width: 30px;
    height: 37px;
}

.i_icoMtwelve {
    background-position: -384px -503px !important;
    width: 32px;
    height: 37px;
}

.i_icoAdds {
    background-position: 0 -541px;
    width: 30px;
    height: 30px;
}

    .i_icoAdds:hover {
        background-position: -62px -541px;
    }

.i_icoCut {
    background-position: -31px -541px;
    width: 30px;
    height: 30px;
}

    .i_icoCut:hover {
        background-position: -93px -541px;
    }

.i_icoThrough {
    background-position: -124px -541px;
    width: 30px;
    height: 30px;
}

.i_icoLoad {
    background-position: -155px -541px;
    width: 30px;
    height: 30px;
}

.i_icoWadd {
    background-position: -60px -571px;
    width: 44px;
    height: 44px;
}

.loginImgA {
    background-position: -105px -571px;
    width: 136px;
    height: 136px;
}

    .loginImgA:hover {
        background-position: -242px -571px;
    }

.i_icoPay {
    background-position: -379px -571px;
    width: 39px;
    height: 47px;
    overflow: visible;
}

.i_icoPicture {
    background-position: 0 -708px;
    width: 129px;
    height: 184px;
    position: relative;
    zoom: 1;
}

    .i_icoPicture img {
        width: 129px;
        height: 184px;
    }

.i_icoPoint {
    background-color: #d84b39;
    width: 4px;
    height: 4px;
    display: inline-block;
    vertical-align: middle;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.resume_body .redBg {
    background-color: #d84b39;
}

.resume_body .greenBg {
    background-color: #489E53;
}

.i_icoPoints {
    background-color: #d84b39;
    width: 9px;
    height: 9px;
    display: inline-block;
    vertical-align: middle;
}

.i_icoPointss {
    background-color: #5d5d5d;
    width: 5px;
    height: 5px;
    display: inline-block;
    vertical-align: middle;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.i_icoPointsss {
    background-color: #3284bc;
    width: 7px;
    height: 7px;
    display: inline-block;
    vertical-align: middle;
}

.i_icoPointssss {
    background-position: -379px -668px;
    width: 8px;
    height: 8px;
}

.i_icoLock {
    background-position: -439px -591px !important;
    width: 12px;
    height: 16px;
}

.i_icoLookB {
    background-position: -452px -591px !important;
    width: 16px;
    height: 16px;
}

.i_icoUnlook {
    background-position: -469px -591px !important;
    width: 16px;
    height: 16px;
}

.i_icoLooks {
    background-position: -452px -608px;
    width: 16px;
    height: 18px;
}

.i_icoUnlooks {
    background-position: -469px -608px;
    width: 16px;
    height: 16px;
}

.i_icoTime {
    background-position: -388px -668px;
    width: 14px;
    height: 13px;
}

.i_icoYellow {
    background-color: #ffc739;
    width: 4px;
    height: 4px;
    display: inline-block;
    vertical-align: middle;
}

.i_icoBone {
    background-position: -403px -668px;
    width: 20px;
    height: 20px;
}

.i_icoBtwo {
    background-position: -424px -668px;
    width: 19px;
    height: 20px;
}

.i_icoBthree {
    background-position: -444px -668px;
    width: 19px;
    height: 20px;
}

.i_icoBfour {
    background-position: -464px -668px;
    width: 18px;
    height: 20px;
}

.i_icoBfive {
    background-position: -378px -689px;
    width: 20px;
    height: 20px;
}

.i_icoBsix {
    background-position: -399px -689px;
    width: 24px;
    height: 20px;
}

.i_icoBseven {
    background-position: -424px -689px;
    width: 22px;
    height: 20px;
}

.i_icoBeight {
    background-position: -447px -689px;
    width: 20px;
    height: 20px;
}

.i_icoBnine {
    background-position: -468px -689px;
    width: 22px;
    height: 20px;
}

.i_icoBten {
    background-position: -378px -710px;
    width: 20px;
    height: 20px;
}

.i_icoBeleven {
    background-position: -399px -710px;
    width: 22px;
    height: 20px;
}

.i_icoBtwelve {
    background-position: -422px -710px;
    width: 12px;
    height: 12px;
}

.i_icoBthirteen {
    background-position: -435px -710px;
    width: 10px;
    height: 10px;
}

.i_icoCone {
    background-position: -245px -710px;
    width: 43px;
    height: 43px;
}

.i_icoCtwo {
    background-position: -289px -710px;
    width: 43px;
    height: 43px;
}

.i_icoCthree {
    background-position: -333px -710px;
    width: 43px;
    height: 43px;
}

.i_icoCfour {
    background-position: -245px -755px;
    width: 43px;
    height: 43px;
}

.i_icoCfive {
    background-position: -289px -755px;
    width: 43px;
    height: 43px;
}

.i_icoCsix {
    background-position: -333px -755px;
    width: 43px;
    height: 43px;
}

.i_icoCseven {
    background-position: -245px -800px;
    width: 43px;
    height: 43px;
}

.i_icoCeight {
    background-position: -289px -800px;
    width: 43px;
    height: 43px;
}

.i_icoCnine {
    background-position: -333px -800px;
    width: 43px;
    height: 43px;
}

.i_icoCten {
    background-position: -245px -844px;
    width: 43px;
    height: 43px;
}

.i_icoCeleven {
    background-position: -289px -844px;
    width: 43px;
    height: 43px;
}

.i_icoCtwelve {
    background-position: -446px -710px;
    width: 7px;
    height: 7px;
}

.i_icoPrion {
    background-position: -454px -710px;
    width: 21px;
    height: 21px;
}

.i_icoNot {
    background-position: -378px -732px;
    width: 121px;
    height: 121px;
}

.i_icoScrollTop {
    background-position: 0 -893px;
    width: 64px;
    height: 64px;
}

.btnLogin {
    background-position: -214px -101px;
    width: 106px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    color: #fff;
    font-size: 14px;
}

    .btnLogin:hover {
        background-position: -320px -101px;
        color: #fff;
    }

.btnA {
    background-color: #000;
    width: 174px;
    height: 43px;
    text-align: center;
    line-height: 43px;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    -moz-transition: background .2s ease-out .1s;
    -webkit-transition: background .2s ease-out .1s;
    transition: background .2s ease-out .1s;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

    .btnA:hover {
        background-color: #1dae1d;
        color: #fff;
    }

.btnB, .btnB:hover {
    color: #fff;
}

    .btnB i {
        margin-right: 5px;
        position: relative;
        top: -1px;
    }

    .btnB:hover .i_icoPlay {
        background-position: -187px -101px;
    }

.btnC, .headerTopFixed .btnLogin {
    background-position: -335px -138px;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #747171;
}

    .btnC:hover, .btnH, .btnH:hover, .headerTopFixed .btnLogin:hover {
        background-position: -335px -169px;
        color: #fff;
    }

.btnD {
    background-position: -405px 0;
    width: 35px;
    height: 35px;
}

    .btnD:hover {
        background-position: -405px -36px;
    }

.btnE {
    background-position: -441px 0;
    width: 35px;
    height: 35px;
}

    .btnE:hover {
        background-position: -441px -36px;
    }

.btnF {
    background-color: #fff;
    width: 130px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    color: #5f994d;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.btnG {
    background-color: #d3d3d3;
    width: 130px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 16px;
    color: #555;
    display: inline-block;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.btnH {
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
}

.btnI {
    border: 2px solid #9a9a9a;
    width: 158px;
    height: 46px;
    display: inline-block;
    text-align: center;
    line-height: 46px;
    color: #535353;
    font-size: 14px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}

.btnJ {
    background-color: #000;
    width: 132px;
    height: 39px;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    line-height: 39px;
    -moz-transition: background .2s ease-out .1s;
    -webkit-transition: background .2s ease-out .1s;
    transition: background .2s ease-out .1s;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

    .btnJ:hover {
        background-color: #1dae1d;
        color: #fff;
    }

.btnK, .btnK:hover {
    background-color: #c2c2c2;
    width: 130px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 16px;
    color: #555;
    text-decoration: none;
    display: inline-block;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.btnL {
    background-color: #16bb00;
    display: inline-block;
    width: 104px;
    height: 40px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

    .btnL:hover {
        background-color: #8bed00;
        color: #fff;
    }

.btnM {
    background-color: #2caf2c;
    color: #fff;
    font-size: 14px;
    width: 119px;
    height: 49px;
    text-align: center;
    line-height: 49px;
    display: inline-block;
    -moz-transition: background .2s ease-out .1s;
    -webkit-transition: background .2s ease-out .1s;
    transition: background .2s ease-out .1s;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    .btnM:hover {
        background-color: #000;
        color: #fff;
    }

.headerOne {
    background: url(../images/banner_01.jpg) center top no-repeat;
    height: 516px;
}

.headerTwo {
    background: url(../images/banner_07.jpg) center top no-repeat #181312;
    height: 580px;
}

    .headerTwo .headerTop {
        position: fixed;
    }

    .headerTwo .headerTopFixed {
        border-bottom: none;
        -moz-box-shadow: 0 1px 2px #000;
        -webkit-box-shadow: 0 1px 2px #000;
        box-shadow: 0 1px 2px #000;
    }

:root .headerTwo .headerTopFixed {
    background-color: rgba(0,0,0,.8);
}

.headerTop {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.headerCon {
    height: 59px;
}

    .headerCon .logo {
        float: left;
        margin-top: 11px;
    }

    .headerCon .nav {
        float: right;
    }

.navList {
    float: left;
}

    .navList li {
        float: left;
        margin: 0 13px;
    }

    .navList a {
        color: #fff;
        font-size: 14px;
        padding: 23px 4px 20px;
        display: inline-block;
        position: relative;
        zoom: 1;
    }

        .navList a i {
            position: absolute;
            left: 0;
            bottom: -2px;
            background-color: #65e23f;
            height: 2px;
            overflow: hidden;
            display: none;
            width: 100%;
        }

        .navList .focus a, .navList a:hover {
            color: #fff;
        }

            .navList .focus a i, .navList a:hover i {
                display: block;
            }

.nav .btnLogin {
    margin-top: 12px;
}

.headerTopIndex {
    position: fixed;
    border-bottom: 1px solid #000;
    -moz-box-shadow: 0 1px 2px #000;
    -webkit-box-shadow: 0 1px 2px #000;
    box-shadow: 0 1px 2px #000;
}

:root .headerTopIndex {
    background-color: rgba(0,0,0,.8);
}

.headerTopFixed {
    position: fixed;
    border-bottom: 1px solid #eae7e7;
    -moz-box-shadow: 0 1px 2px #eae7e7;
    -webkit-box-shadow: 0 1px 2px #eae7e7;
    box-shadow: 0 1px 2px #eae7e7;
}

:root .headerTopFixed {
    background-color: rgba(255,255,255,.8);
}

.headerTopFixed .logo {
    background-position: 0 -168px;
    width: 119px;
    height: 40px;
}

.headerTopFixed .btnLogin {
    margin: 13px 3px 0;
}

.headerTopFixed .navList a {
    color: #747171;
}

.headerInfo {
    padding-top: 200px;
}

    .headerInfo h2 {
        color: #fff;
        font-size: 32px;
        line-height: 30px;
        font-weight: 400;
        font-family: Segoe UI,Arial,sans-serif,serif;
    }

.headerInfo_btn {
    margin-top: 45px;
}

    .headerInfo_btn .btnA {
        margin-right: 10px;
    }

.headerList {
    padding: 140px 0 0 60px;
}

    .headerList strong {
        font-size: 30px;
        color: #fff;
        font-weight: 400;
        display: block;
        line-height: 30px;
        padding-left: 80px;
    }

    .headerList span {
        font-size: 14px;
        color: #fff;
    }

    .headerList li {
        margin-top: 36px;
    }

        .headerList li i {
            margin-right: 25px;
        }

        .headerList li span {
            width: 191px;
            height: 23px;
            text-align: center;
            line-height: 23px;
            display: inline-block;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
        }

:root .headerList li.focus span {
    background-color: rgba(78,223,50,.2);
}

.headerList_left {
    float: left;
    width: 312px;
}

.headerList_middle {
    float: left;
    width: 282px;
}

.headerList_right {
    float: left;
    width: 238px;
    margin-left: 50px;
}

.resumeUser {
    float: left;
    font-size: 14px;
    color: #00bb28;
    height: 62px;
    line-height: 61px;
    padding-right: 20px;
}

.headerNav {
    float: left;
}

    .headerNav a {
        height: 60px;
        line-height: 60px;
        padding: 0 12px;
        display: inline-block;
        color: #fff;
        float: left;
    }

        .headerNav a:hover {
            background-color: #181818;
        }

        .headerNav a .i_icoExport, .headerNav a .i_icoReplace {
            margin-right: 9px;
        }

        .headerNav a:hover .i_icoHomeN {
            background-position: -243px -541px;
        }

.headerBlackBig {
    position: relative !important;
}

.headerBlack {
    height: 62px;
    position: fixed;
    z-index: 2;
    width: 100%;
    left: 0;
    top: 0;
}

:root .headerBlack {
    background-color: rgba(0,0,0,.8);
}

.logoBlack {
    float: left;
}

.logoBlacks {
    float: left;
    margin-top: 11px;
}

    .logoBlacks i {
        cursor: pointer;
    }

    .logoBlacks span {
        font-size: 18px;
        color: #fff;
        margin-left: 15px;
        display: inline-block;
        line-height: 20px;
        cursor: pointer;
        position: relative;
        top: 3px;
    }

.logoBlack_line {
    float: left;
    background-color: #333;
    margin: 24px 0 0 16px;
    width: 1px;
    height: 15px;
    overflow: hidden;
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8;
}

.logoBlack .i_icoHome {
    float: left;
    margin: 24px 0 0 22px;
}

.headerBlackCon .nav {
    float: right;
}

.headerBlackCon .navList a {
    padding: 24px 4px 23px;
}

.user {
    float: left;
    padding: 15px 5px 0 10px;
    position: relative;
    zoom: 1;
    height: 47px;
}

.userName {
    font-size: 14px;
    color: #fff;
    margin-right: 12px;
}

.user .i_icoDowns {
    margin-left: 11px;
}

.user a {
    color: #fff;
}

.user.focus {
    background-color: #262626;
}

.userList {
    position: absolute;
    right: 0;
    top: 60px;
    width: 117px;
    background-color: #000;
}

    .userList a {
        line-height: 30px;
        height: 30px;
        padding: 0 14px;
        color: #868686;
        display: block;
    }

        .userList a:hover {
            background-color: #262626;
        }

.indexList {
    border-right: 1px solid #e9e9e9;
}

    .indexList li {
        padding: 65px 15px;
        width: 206px;
        border-left: 1px solid #e9e9e9;
        text-align: center;
        float: left;
    }

    .indexList strong {
        font-size: 20px;
        color: #5b6167;
        display: block;
        font-weight: 400;
        line-height: 20px;
        margin-top: 58px;
    }

    .indexList p {
        text-align: left;
        color: #8b8b8b;
        line-height: 18px;
        margin-top: 28px;
        height: 90px;
        overflow: hidden;
    }

    .indexList .btnC {
        margin-top: 30px;
    }

.indexFeedback {
    border-top: 1px solid #e9e9e9;
    padding: 99px 0 119px;
    text-align: center;
}

    .indexFeedback img {
        cursor: pointer;
    }

.contentTabs li {
    overflow: hidden;
}

.contentShow_five, .contentShow_four, .contentShow_one, .contentShow_three, .contentShow_two {
    height: 424px;
}

.contentShow_one {
    background: url(../images/banner_02.jpg) center top no-repeat;
}

.contentShow_two {
    background: url(../images/banner_03.jpg) center top no-repeat;
}

.contentShow_three {
    background: url(../images/banner_04.jpg) center top no-repeat;
}

.contentShow_four {
    background: url(../images/banner_05.jpg) center top no-repeat;
}

.contentShow_five {
    background: url(../images/banner_06.jpg) center top no-repeat;
}

.contentShow_one i {
    background: url(../images/img_01.png) no-repeat;
    width: 440px;
    height: 316px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.contentShow_two i {
    background: url(../images/img_02.png) no-repeat;
    width: 310px;
    height: 356px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.contentShow_three i {
    background: url(../images/img_03.png) no-repeat;
    width: 358px;
    height: 335px;
    position: absolute;
    left: 0;
    top: 52px;
}

.contentShow_four i {
    background: url(../images/img_04.png) no-repeat;
    width: 302px;
    height: 343px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.contentShow_five i {
    background: url(../images/img_05.png) no-repeat;
    width: 408px;
    height: 151px;
    position: absolute;
    left: 0;
    top: 131px;
}

.contentShow {
    position: relative;
    zoom: 1;
    height: 424px;
}

.contentShow_literal p {
    font-size: 36px;
    line-height: 36px;
}

.contentShow_literal span {
    font-size: 16px;
    line-height: 20px;
}

.contentShow_five, .contentShow_one, .contentShow_three {
    text-align: right;
}

    .contentShow_five p, .contentShow_five span, .contentShow_four p, .contentShow_four span, .contentShow_one p, .contentShow_one span, .contentShow_three p, .contentShow_three span {
        color: #fff;
    }

    .contentShow_one p, .contentShow_three p {
        padding-top: 177px;
        letter-spacing: 1px;
    }

    .contentShow_five p {
        padding-top: 131px;
        letter-spacing: 1px;
    }

    .contentShow_one span, .contentShow_three span {
        margin-top: 25px;
        width: 438px;
        display: inline-block;
        text-align: left;
    }

    .contentShow_five .contentShow_p {
        width: 405px;
        text-align: left;
        padding: 18px 0 0 470px;
    }

    .contentShow_five .i_icoDian {
        float: left;
        margin: 8px 14px 0 0;
    }

    .contentShow_five .contentShow_span {
        float: left;
        width: 380px;
    }

.contentShow_four, .contentShow_two {
    text-align: left;
}

    .contentShow_two p, .contentShow_two span {
        color: #a96d29;
    }

    .contentShow_four p, .contentShow_two p {
        padding-top: 157px;
        letter-spacing: 1px;
    }

    .contentShow_four span, .contentShow_two span {
        margin-top: 25px;
        width: 380px;
        display: inline-block;
        text-align: left;
    }

.contentTabs_list {
    width: 1000px;
    margin: 0 auto;
}

    .contentTabs_list li {
        float: left;
        width: 50px;
        text-align: center;
        position: relative;
        zoom: 1;
        padding: 14px 0;
        margin: 0 75px;
    }

        .contentTabs_list li .i_icoTop {
            position: absolute;
            left: 20px;
            top: -7px;
            display: none;
        }

    .contentTabs_list .focus .i_icoTop {
        display: block;
    }

    .contentTabs_list li p {
        margin-top: 11px;
    }

    .contentTabs_list li.focus .TabsColorOne {
        color: #7e939f;
    }

    .contentTabs_list li.focus .TabsColorTwo {
        color: #d1ac76;
    }

    .contentTabs_list li.focus .TabsColorThree {
        color: #bb8063;
    }

    .contentTabs_list li.focus .TabsColorFour {
        color: #9da577;
    }

    .contentTabs_list li.focus .TabsColorFive {
        color: #b9a999;
    }

.footer {
    background: url(../images/bg_05.png) repeat-x;
    padding: 60px 0 55px;
    position: relative;
    z-index: 2;
}

.footerConInfo {
    float: left;
}

    .footerConInfo p {
        color: #5e5e5e;
    }

    .footerConInfo span {
        color: #c0bfbf;
        display: inline-block;
        margin-top: 12px;
    }

.footerConBtn {
    float: right;
    position: relative;
    zoom: 1;
}

    .footerConBtn a {
        margin-left: 20px;
    }

.footerWindow {
    position: absolute;
    right: -69px;
    bottom: 55px;
    border: 7px solid #353535;
    padding: 12px;
    background-color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    .footerWindow .i_icoDown {
        position: absolute;
        left: 89px;
        bottom: -14px;
    }

.footerFaq .footerConInfo p {
    color: #c0bfbf;
}

.footerFaq .footerConInfo span {
    color: #5e5e5e;
}

.returnTopAnd2 {
    width: 45px;
    height: 90px;
    position: fixed;
    right: 19px;
    bottom: 36px;
    z-index: 2;
}

.twoWeiMaWrap {
    width: 200px;
    height: 195px;
    position: absolute;
    top: -101px;
    right: 50px;
    background: url(../images/img_2weima.png);
    display: none;
}

.returnTopAnd2 a {
    width: 45px;
    height: 45px;
    -webkit-transition: all 500ms linear 0s;
    -moz-transition: all 500ms linear 0s;
    transition: all 500ms linear 0s;
}

    .returnTopAnd2 a:hover {
        background-color: #10B245;
    }

.twoWeiMa {
    background-color: rgba(0,0,0,.2);
    background-position: -106px -906px;
}

.window {
    width: 442px;
    position: fixed;
    left: 50%;
    top: 25%;
    padding: 16px 20px 28px;
    margin: 0 0 0 -240px;
    z-index: 111;
    -moz-box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
}

:root .window {
    background-color: rgba(0,0,0,.8);
}

.window .i_icoClose {
    position: absolute;
    right: 21px;
    top: 23px;
}

.window h2 {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.windowFrom li {
    margin-top: 28px;
}

    .windowFrom li .i_icoRefresh {
        margin: 16px 0 0 16px;
        float: left;
    }

.inputBox {
    border: 2px solid #21201f;
    color: #4e4d4d;
    position: relative;
    zoom: 1;
}

    .inputBox .label {
        position: absolute;
        left: 10px;
        top: 0;
        height: 36px;
        line-height: 36px;
        font-style: italic;
    }

    .inputBox .input {
        color: #28b128;
        height: 20px;
        line-height: 20px;
        padding: 8px 10px;
        width: 390px;
        background: 0 0;
    }

.inputBox_p {
    position: absolute;
    left: 0;
    bottom: -22px;
    color: #aa2e2e;
}

.inputBox_span {
    position: absolute;
    right: 0;
    bottom: -22px;
    color: #4e4d4d;
}

.inputBox_img {
    float: left;
    margin-left: 11px;
}

.inputBox_yz {
    width: 96px;
    float: left;
}

    .inputBox_yz .input {
        width: 86px;
    }

.window_btn {
    margin: 32px 0 0 85px;
}

.window_btnNew {
    margin: 32px 0 0;
    text-align: center;
}

.window_btn a {
    margin-right: 9px;
}

.successWindow {
    text-align: center;
    color: #fff;
    padding: 39px 20px;
}

    .successWindow p {
        margin-top: 27px;
    }

.feedbackWindow, :root .feedbackWindow {
    background-color: #fff;
}

    .feedbackWindow h2 {
        color: #262626;
    }

.textareaBox {
    border: 2px solid #e8e8e8;
    padding: 10px;
    width: 416px;
    height: 159px;
    position: relative;
    zoom: 1;
}

    .textareaBox .label {
        position: absolute;
        left: 10px;
        top: 12px;
        color: #9e9e9e;
        font-size: 14px;
    }

    .textareaBox textarea {
        resize: none;
        width: 416px;
        height: 159px;
        outline: 0;
        overflow: auto;
        border: 1px solid #fff;
        color: #9e9e9e;
        font-size: 14px;
    }

.feedbackWindow .windowFrom li {
    margin-top: 16px;
}

.feedbackWindow .window_btn {
    margin: 16px 0 0;
    text-align: right;
}

.windowBox {
    background-color: #fff;
    position: fixed;
    left: 50%;
    top: 25%;
    z-index: 111;
    padding: 20px;
    margin-left: -240px;
    -moz-box-shadow: 0 0 30px #666;
    -webkit-box-shadow: 0 0 30px #666;
    box-shadow: 0 0 30px #666;
}

    .windowBox h2 {
        color: #262626;
        font-size: 18px;
        line-height: 20px;
        font-weight: 400;
    }

    .windowBox .windowBox_box {
        height: 24px;
        line-height: 24px;
        color: #262626;
        font-size: 18px;
        text-align: center;
        margin-top: 24px;
    }

    .windowBox .i_icoCloseW {
        position: absolute;
        right: 21px;
        top: 23px;
    }

.shareBox {
    background: url(../images/share-one.png) center no-repeat;
    width: 599px;
    height: 615px;
    position: fixed;
    left: 50%;
    top: 15%;
    z-index: 111;
    margin-left: -240px;
}

.keepTimeBox {
    background-color: #fff;
    width: 650px;
    height: 635px;
    position: fixed;
    left: 50%;
    top: 15%;
    z-index: 111;
    margin-left: -325px;
    border-radius: 20px;
}

    .keepTimeBox h2 {
        position: absolute;
        top: 30px;
        float: left;
        left: 50%;
        margin-left: -110px;
        font-weight: 200;
        font-size: 21px;
        letter-spacing: 10px;
    }

    .keepTimeBox .noticeBox {
        position: relative;
        width: 90%;
        margin: auto;
        height: 100%;
    }

    .keepTimeBox p {
        margin-top: 100px;
        color: #666;
        font-size: 14px;
        line-height: 25px;
        letter-spacing: 2px;
    }

    .keepTimeBox .sp {
        width: 100%;
        height: 60px;
        margin-top: 20px;
        margin-left: 25px;
    }

.leaveBox {
    background: url(../images/leave-notice.png) center no-repeat;
    width: 603px;
    height: 316px;
    position: fixed;
    left: 50%;
    top: 15%;
    z-index: 111;
    margin-left: -300px;
}

.keepTimeBox .i_icoCloseW, .shareBox .i_icoCloseW {
    position: absolute;
    right: 21px;
    top: 23px;
}

.profileBox {
    background: url(../images/profile.jpg);
    width: 599px;
    height: 560px;
    position: fixed;
    background-size: cover;
    left: 50%;
    top: 15%;
    z-index: 111;
    margin-left: -240px;
    border-radius: 15px;
}

    .profileBox .i_icoCloseSW {
        position: absolute;
        right: 21px;
        top: 23px;
    }

.shareList {
    width: 468px;
    margin: 258px auto 0;
}

    .shareList li {
        margin: auto;
        float: left;
    }

        .shareList li a {
            margin: 16px;
        }

.profileBox .profileCode {
    width: 532px;
    height: 90px;
    margin: auto;
    padding-top: 28px;
    border-bottom: solid #cfcdcf 1px;
}

    .profileBox .profileCode span div {
        float: left;
        margin: 7px 26px;
        width: 400px;
    }

    .profileBox .profileCode a.t1 {
        color: #b1b1b1;
        font-size: 15px;
        float: left;
        height: 30px;
        width: 380px;
    }

    .profileBox .profileCode a.t2 {
        color: #5ee165;
        font-size: 30px;
        float: left;
        width: 380px;
        font-weight: 700;
    }

.profileBox .profileIntro {
    width: 532px;
    height: 430px;
    margin: 20px auto;
    position: relative;
}

    .profileBox .profileIntro h1 {
        float: left;
        margin-bottom: 15px;
        background-color: #46cf4d;
        color: #fff;
        font-size: 15px;
        text-align: center;
        width: 110px;
        border-radius: 15px;
        height: 21px;
        line-height: 21px;
    }

    .profileBox .profileIntro .simpleIntro {
        clear: both;
        margin: 20px auto;
    }

        .profileBox .profileIntro .simpleIntro p {
            margin: 10px 2px;
            color: #817D7D;
            font: 15px "Microsoft Yahei";
            font-weight: 700;
        }

.windowBoxBtn {
    text-align: center;
}

    .windowBoxBtn a {
        margin: 0 10px;
    }

.windowBoxCustom {
    margin-top: 50px;
}

    .windowBoxCustom .customMadeInfo {
        width: 118px;
        text-align: center;
        margin-left: 24px;
    }

        .windowBoxCustom .customMadeInfo strong {
            font-size: 24px;
        }

.windowBoxA {
    background-color: #fff;
    position: fixed;
    left: 50%;
    top: 25%;
    z-index: 111;
    width: 551px;
    margin-left: -275px;
    -moz-box-shadow: 0 0 30px #666;
    -webkit-box-shadow: 0 0 30px #666;
    box-shadow: 0 0 30px #666;
}

    .windowBoxA h2 {
        height: 51px;
        line-height: 51px;
        padding-left: 17px;
        border-bottom: 1px solid #ececec;
        font-weight: 400;
        font-size: 18px;
        color: #000;
    }

    .windowBoxA .i_icoCloseW {
        position: absolute;
        right: 13px;
        top: 20px;
    }

    .windowBoxA h2 span {
        position: absolute;
        right: 51px;
        top: 12px;
        background-color: #dadada;
        width: 133px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        display: inline-block;
        color: #7f7f7f;
        font-size: 12px;
        -moz-border-radius: 13px;
        -webkit-border-radius: 13px;
        border-radius: 13px;
    }

.windowGuideHide {
    width: 100%;
    height: 100%;
}

.windowGuide {
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    z-index: 4;
}

.windowGuideBox {
    position: absolute;
    padding: 0 18px;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    background-color: #fff15a;
    color: #a18f1e;
    -moz-border-radius: 21px;
    -webkit-border-radius: 21px;
    border-radius: 21px;
}

    .windowGuideBox i {
        position: absolute;
        left: 39px;
        top: -6px;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff15a;
    }

        .windowGuideBox i.down {
            top: auto;
            bottom: -6px;
            transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
        }

.windowGuideBtn {
    position: absolute;
    left: 50%;
    margin-left: -83px;
    bottom: 100px;
    border: 2px solid #fff;
    width: 166px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    -moz-border-radius: 23px;
    -webkit-border-radius: 23px;
    border-radius: 23px;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

    .windowGuideBtn:hover {
        background-color: #fff;
        color: #000;
    }

.windowGuidedet {
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    z-index: 4;
    display: none;
}

.windowGuide2 {
    height: inherit;
    margin: 0 auto;
    display: none;
    background: url(../images/guide2.png) center 40px no-repeat;
}

    .windowGuide2:hover {
        cursor: not-allowed;
    }

.windowGuideDetBtn {
    position: absolute;
    left: 50%;
    margin-left: -83px;
    top: 590px;
    border: 2px solid #fff;
    width: 166px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    -moz-border-radius: 23px;
    -webkit-border-radius: 23px;
    border-radius: 23px;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    display: none;
}

    .windowGuideDetBtn:hover {
        background-color: #fff;
        color: #000;
        cursor: pointer;
    }

.colorBox {
    padding: 45px 0 30px 34px;
    overflow: hidden;
    height: 35px;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

    .colorBox li {
        float: left;
        width: 35px;
        margin: 0 23px;
    }

    .colorBox p {
        display: none;
    }

.colorBoxFoucs {
    padding: 15px 0;
    height: 50px;
    position: fixed;
    left: 0;
    top: 62px;
    width: 100%;
    z-index: 1;
    background-color: #fff;
    -moz-box-shadow: 0 1px 2px #ccc;
    -webkit-box-shadow: 0 1px 2px #ccc;
    box-shadow: 0 1px 2px #ccc;
}

    .colorBoxFoucs ul {
        width: 715px;
        margin: 0 auto;
        padding: 0;
        height: auto;
    }

    .colorBoxFoucs li {
        margin: 0 15px;
        text-align: center;
    }

    .colorBoxFoucs p {
        display: block;
        color: #a3a3a3;
        font-size: 14px;
        margin-top: 9px;
        line-height: 20px;
    }

    .colorBoxFoucs .i_icoColorOne {
        background-position: 0 -344px;
        width: 25px;
        height: 25px;
    }

    .colorBoxFoucs .i_icoColorTwo {
        background-position: -26px -344px;
        width: 25px;
        height: 25px;
    }

    .colorBoxFoucs .i_icoColorThree {
        background-position: -52px -344px;
        width: 25px;
        height: 25px;
    }

    .colorBoxFoucs .i_icoColorFour {
        background-position: -78px -344px;
        width: 25px;
        height: 25px;
    }

    .colorBoxFoucs .i_icoColorFive {
        background-position: -104px -344px;
        width: 25px;
        height: 25px;
    }

    .colorBoxFoucs .i_icoColorSix {
        background-position: -130px -344px;
        width: 25px;
        height: 25px;
    }

    .colorBoxFoucs .i_icoColorSeven {
        background-position: -156px -344px;
        width: 25px;
        height: 25px;
    }

    .colorBoxFoucs .i_icoColorEight {
        background-position: -182px -344px;
        width: 25px;
        height: 25px;
    }

    .colorBoxFoucs .i_icoColorNine {
        background-position: -208px -344px;
        width: 25px;
        height: 25px;
    }

    .colorBoxFoucs .i_icoColorTen {
        background-position: -234px -344px;
        width: 25px;
        height: 25px;
    }

    .colorBoxFoucs .i_icoColorEleven {
        background-position: -260px -344px;
        width: 25px;
        height: 25px;
    }

.templateBg {
    padding-bottom: 50px;
}

.template h2 {
    font-size: 14px;
    color: #a8a8a8;
    font-weight: 400;
    line-height: 20px;
    padding-bottom: 5px;
}

.template_left {
    float: left;
    width: 640px;
}

.template_right {
    float: right;
    width: 310px;
}

.template ul {
    margin-left: -15px;
}

.template li {
    float: left;
    width: 310px;
    height: 514px;
    margin-left: 15px;
}

.template .templateLi {
    border: 1px solid #e1e1e1;
    position: relative;
    zoom: 1;
    width: 308px;
    height: 437px;
}

.template li .blackBg {
    background: #000;
    filter: alpha(opacity=30);
    -moz-opacity: .3;
    -khtml-opacity: .3;
    opacity: .3;
    position: absolute;
    left: 0;
    top: 0;
    width: 308px;
    height: 437px;
}

.template li .whiteBg {
    background: #fff;
    filter: alpha(opacity=70);
    -moz-opacity: .7;
    -khtml-opacity: .7;
    opacity: .7;
    position: absolute;
    left: 0;
    top: 0;
    width: 308px;
    height: 437px;
}

.template li .i_icoAdd {
    position: absolute;
    left: 112px;
    top: 170px;
}

.template li .btnCollect {
    position: absolute;
    right: 11px;
    top: 11px;
}

.btnCollect {
    padding: 5px 9px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

:root .btnCollect {
    background-color: rgba(0,0,0,.5);
}

.btnCollect, .btnCollect:hover {
    color: #fff;
}

    .btnCollect i {
        margin: -2px 7px 0 0;
    }

.templateInfo {
    width: 308px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 160px;
}

    .templateInfo span {
        font-size: 22px;
        color: #000;
        display: block;
        line-height: 30px;
        padding-bottom: 20px;
    }

.templateP {
    height: 55px;
    line-height: 55px;
    width: 310px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 18px;
    text-align: center;
    color: #565656;
}

.templateTime {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 14px;
    color: #fff;
    width: 295px;
    height: 42px;
    line-height: 42px;
    text-align: right;
    padding-right: 13px;
}

.templateTimeBg {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 308px;
    height: 42px;
    background: #000;
    filter: alpha(opacity=30);
    -moz-opacity: .3;
    -khtml-opacity: .3;
    opacity: .3;
}

.templateBgNot {
    text-align: center;
    padding-top: 120px;
}

    .templateBgNot h2 {
        color: #919191;
        font-size: 30px;
        line-height: 30px;
        margin-top: 70px;
    }

    .templateBgNot p {
        color: #919191;
        margin-top: 15px;
    }

.i_icoPromptBtn {
    position: fixed;
    right: 12px;
    top: 72px;
    z-index: 1;
}

.i_icoClosesBtn {
    position: fixed;
    right: 19px;
    top: 13px;
    z-index: 4;
}

.whiteBackground {
    background: #fff;
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.blackBackground {
    background: #000;
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
}

.effect {
    filter: blur(3px);
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px)filter:;
}

.windowWhite {
    position: fixed;
    left: 50%;
    top: 10%;
    width: 610px;
    margin-left: -305px;
    z-index: 4;
}

    .windowWhite i {
        float: left;
        margin-right: 72px;
    }

    .windowWhite li {
        font-size: 14px;
        color: #535353;
        line-height: 20px;
        margin-top: 47px;
    }

        .windowWhite li span {
            margin-top: 20px;
            display: inline-block;
            float: left;
            width: 450px;
        }

    .windowWhite p {
        text-align: center;
        margin-top: 70px;
    }

.bodyTransparent {
    background: url(../images/bg_01.jpg) center top no-repeat;
    background-size: cover;
}

    .bodyTransparent .headerBlack {
        background: 0 0;
    }

        .bodyTransparent .headerBlack.headerTopFixed {
            border-bottom: none;
            -moz-box-shadow: 0 1px 2px #000;
            -webkit-box-shadow: 0 1px 2px #000;
            box-shadow: 0 1px 2px #000;
        }

:root .bodyTransparent .headerBlack.headerTopFixed {
    background-color: rgba(0,0,0,.8);
}

.listTransparent {
    margin-left: -46px;
    padding: 20px 0 67px;
}

    .listTransparent ul {
        float: left;
        width: 450px;
        margin-left: 53px;
    }

    .listTransparent li {
        margin-top: 28px;
    }

    .listTransparent strong {
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        display: block;
        line-height: 22px;
    }

    .listTransparent p {
        color: #c0bfbf;
        font-size: 14px;
        line-height: 22px;
        margin-top: 15px;
    }

.customMadeBox {
    position: relative;
    width: 551px;
}

    .customMadeBox .cont {
        height: 274px;
        overflow: hidden;
    }

    .customMadeBox .item {
        position: absolute;
        left: 0;
        bottom: 21px;
        width: 100%;
        text-align: center;
        height: 12px;
        overflow: hidden;
    }

        .customMadeBox .item a {
            margin-right: 10px;
            cursor: pointer;
            background-position: -427px -106px;
            width: 7px;
            height: 7px;
        }

    .customMadeBox a.seld {
        background-position: -435px -106px;
    }

    .customMadeBox a.hide {
        display: none;
    }

.customMadeI {
    border-bottom: 1px solid #e9e9e9;
    padding: 74px 0;
}

.customMadeInfo {
    width: 336px;
}

    .customMadeInfo strong {
        font-size: 30px;
        color: #606060;
        line-height: 30px;
        font-weight: 400;
        display: block;
    }

    .customMadeInfo span {
        color: #c3c3c3;
        font-size: 18px;
        display: block;
        margin-top: 6px;
        line-height: 20px;
    }

    .customMadeInfo p {
        color: #acacac;
        margin-top: 20px;
        line-height: 20px;
    }

.progress {
    border: 2px solid #e4e4e4;
    width: 296px;
    height: 11px;
    overflow: hidden;
    position: relative;
    zoom: 1;
}

    .progress p {
        border: 1px solid #fff;
        width: 294px;
        height: 9px;
        line-height: 9px;
        overflow: hidden;
    }

        .progress p span {
            display: inline-block;
            background-color: #7dbf74;
            height: 9px;
            overflow: hidden;
        }

    .progress .progressName {
        color: #2a2a2a;
        position: absolute;
        right: 5px;
        top: 0;
        height: 11px;
        line-height: 11px;
        overflow: hidden;
    }

.windowPreview {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    overflow: auto;
    z-index: 4;
}

#content {
    margin: 0 auto;
    line-height: 19px;
}

    #content p {
        text-indent: 2em;
        color: #333;
    }

.imgnav {
    position: relative;
    margin: 0 auto;
    width: 100%;
}

.img {
    z-index: 10;
    width: 100%;
    position: relative;
    text-align: center;
}

    .img .img_ul {
        text-align: center;
        width: 810px;
        margin: 0 auto;
        position: relative;
        -moz-box-shadow: 0 0 30px #666;
        -webkit-box-shadow: 0 0 30px #666;
        box-shadow: 0 0 30px #666;
        background-color: #fff;
    }

    .img .img_li {
        height: 100%;
        display: none;
        background-color: #fff;
        position: relative;
        zoom: 1;
        top: 30px;
    }

    .img .img_liBox {
        margin-bottom: 45px;
        text-align: left;
        margin-left: 10px;
    }

.front {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    cursor: pointer;
    width: 10%;
    height: 100%;
    background: url(../images/ico/blank.gif);
}

    .front a, .front a.No {
        position: fixed;
        left: 10px;
        top: 50%;
        margin-top: -77px;
        display: block;
        width: 56px;
        height: 154px;
    }

    .front a {
        background-position: -387px -344px;
    }

        .front a.No {
            background-position: -130px -708px;
            cursor: default;
        }

.next {
    position: fixed;
    right: 16px;
    top: 0;
    z-index: 10;
    cursor: pointer;
    width: 10%;
    height: 100%;
    background: url(../images/ico/blank.gif);
}

    .next a, .next a.No {
        position: fixed;
        right: 30px;
        top: 50%;
        margin-top: -77px;
        display: block;
        width: 56px;
        height: 154px;
    }

    .next a {
        background-position: -444px -344px;
    }

        .next a.No {
            background-position: -187px -708px;
            cursor: default;
        }

.windowPreview_btn {
    position: fixed;
    left: 50%;
    bottom: 0;
    width: 796px;
    margin-left: -404px;
    padding: 9px 6px;
    background-color: #fff;
    box-shadow: 0 -3px 5px 0 #ddd;
}

.windowPreview_btnL {
    float: left;
}

    .windowPreview_btnL a {
        margin-right: 18px;
    }

.windowPreview_TitleL {
    float: left;
    color: #757575;
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    width: 290px;
    overflow: hidden;
    text-align: left;
}

.right-tool-bar {
    position: fixed;
    left: 50%;
    top: 20px;
    margin-left: 413px;
    padding: 9px 6px;
}

    .right-tool-bar ul li {
        padding: 10px 0;
    }

        .right-tool-bar ul li a {
            float: left;
            width: 130px;
            line-height: 49px;
            font-size: 20px;
            color: #fff;
            text-align: left;
            padding: 10px 0;
        }

.windowPreview_btnR {
    float: right;
    color: #757575;
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
}

.windowPreviewHidden {
    overflow: hidden;
}

.resumePreviewWrap {
    position: absolute;
    left: 50%;
    margin-left: -395px;
    top: 20px;
    min-height: 1130px;
    z-index: 1;
    background-size: 20%;
    padding-left: 10px;
}

    .resumePreviewWrap .resumePreview {
        width: inherit;
        min-height: 1150px;
        background-color: #fff;
    }

.scroll {
    background-color: #000;
}

    .scroll .scrollWindow {
        width: 1168px;
        height: 209px;
        padding: 20px 0;
        overflow: hidden;
        margin: 0 auto;
        position: relative;
        zoom: 1;
    }

    .scroll .scroll_ul {
        width: 5000000px;
    }

    .scroll li {
        float: left;
        margin: 0 15px;
        width: 127px;
    }

        .scroll li .scrollBox {
            position: relative;
            zoom: 1;
            background-color: #fff;
            border: 1px solid #ededed;
            width: 125px;
            height: 177px;
            cursor: pointer;
        }

        .scroll li .i_icoSok {
            position: absolute;
            top: 59px;
            left: 33px;
        }

        .scroll li.focus .scrollBox {
            border: 1px solid #23b510;
            -moz-box-shadow: 0 0 4px #23b510;
            -webkit-box-shadow: 0 0 4px #23b510;
            box-shadow: 0 0 4px #23b510;
        }

        .scroll li .scroll_spanOne, .scroll li .scroll_spanThree, .scroll li .scroll_spanTwo {
            position: absolute;
            right: 7px;
            bottom: 6px;
            padding: 0 15px;
            height: 20px;
            text-align: center;
            line-height: 20px;
            color: #fff;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
        }

        .scroll li .scroll_spanOne {
            background-color: #42d1eb;
        }

        .scroll li .scroll_spanTwo {
            background-color: #ffa632;
        }

        .scroll li .scroll_spanThree {
            background-color: #9a9a9a;
        }

        .scroll li .scroll_li_name {
            width: 127px;
            height: 20px;
            line-height: 20px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            color: #fff;
            text-align: center;
            margin-top: 10px;
        }

.scroll_left, .scroll_right {
    background: url(../images/bg_02.png) no-repeat;
    width: 207px;
    height: 249px;
    position: absolute;
    top: 0;
}

.scroll_left {
    background-position: 0 0;
    left: 0;
}

.scroll_right {
    background-position: -207px 0;
    right: 0;
}

    .scroll_left .i_icoLeft, .scroll_left .i_icoLeftNo, .scroll_right .i_icoRight, .scroll_right .i_icoRightNo {
        position: absolute;
        top: 100px;
    }

    .scroll_left .i_icoLeftNo, .scroll_right .i_icoRightNo {
        cursor: default;
    }

.scroll_left .i_icoLeft, .scroll_left .i_icoLeftNo {
    left: 0;
}

.scroll_right .i_icoRight, .scroll_right .i_icoRightNo {
    right: 0;
}

.resumeCon {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    float: left;
    width: 790px;
    background-color: #fff;
    position: relative;
    zoom: 1;
}

.resumeCon_img {
    float: left;
    padding-left: 10px;
}

    .resumeCon_img span {
        width: 103px;
        height: 5px;
        border-bottom: 1px solid #eca69e;
        display: block;
        overflow: hidden;
        background-color: #d94a39;
    }

    .resumeCon_img img {
        margin-top: 22px;
    }

.resumeCon_name {
    float: left;
    width: 230px;
    margin-left: 23px;
    margin-top: 70px;
}

    .resumeCon_name strong {
        font-size: 32px;
        color: #d94938;
        display: block;
        line-height: 40px;
    }

    .resumeCon_name span {
        font-size: 14px;
        color: #6f6c6c;
        padding-left: 4px;
        line-height: 20px;
    }

.resumeCon_left {
    height: 97px;
    border-top: 16px solid #489E53;
    font-size: 17px;
    color: #489E53;
    padding: 48px 2px 0;
    text-align: center;
    margin-left: 10px;
}

.resumeCon_right {
    float: right;
    width: 75px;
    text-align: center;
}

    .resumeCon_right strong {
        background-color: #d94a39;
        border-bottom: 1px solid #eca69e;
        line-height: 20px;
        padding: 44px 0 5px;
        color: #fff;
        font-size: 14px;
        display: block;
        width: 75px;
        margin-bottom: 6px;
    }

    .resumeCon_right .redHead {
        background-color: #d94a39;
        border-bottom: 1px solid #eca69e;
    }

    .resumeCon_right .greenHead {
        background-color: #489E53;
        border-bottom: 1px solid #77C881;
    }

    .resumeCon_right p {
        line-height: 20px;
    }

    .resumeCon_right span {
        border-top: 1px solid #eca69e;
        display: block;
        overflow: hidden;
        background-color: #d94a39;
        width: 75px;
        height: 5px;
        margin-top: 7px;
    }

    .resumeCon_right .redFoot {
        border-top: 1px solid #eca69e;
        background-color: #d94a39;
    }

    .resumeCon_right .greenFoot {
        background-color: #489E53;
        border-top: 1px solid #77C881;
    }

.resumeConOther {
    clear: both;
    border-top: 1px solid #ccc;
    padding: 0 28px;
}

.resumeConBg_one {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #ff1c1c;
    filter: alpha(opacity=15);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8;
    width: 100%;
    height: 186px;
}

.resumeConBg_two {
    position: absolute;
    left: 0;
    top: 0;
    background: #ff1c1c;
    filter: alpha(opacity=15);
    -moz-opacity: .15;
    -khtml-opacity: .15;
    opacity: .15;
    width: 50%;
    height: 100%;
}

.resumeConBox {
    padding-top: 0;
}

.resume_body_left {
    float: left;
    width: 355px;
}

.resume_body_right {
    float: right;
    width: 355px;
}

.resumeConBoxSingle {
    background: url(../images/bg_03.png) 6px bottom no-repeat;
    padding-bottom: 28px;
}

.resumeConBoxMain {
    background: url(../images/bg_04.png) -50px 0 repeat-y;
    padding: 24px 0;
}

.resumeLeft {
    float: left;
    width: 210px;
}

.resumeRight {
    float: right;
    width: 516px;
}

.resumeLeft_header {
    text-align: center;
}

    .resumeLeft_header img {
        width: 137px;
        height: 192px;
    }

.resumeLeft_headerName {
    font-size: 30px;
    color: #236a96;
    display: block;
    line-height: 40px;
    margin-top: 35px;
}

.resumeLeft_headerTell {
    border: 1px solid #6693b0;
    text-align: left;
    color: #555;
    font-size: 14px;
    line-height: 22px;
    padding: 5px 20px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

    .resumeLeft_headerTell li {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        height: 22px;
    }

.resumeLeft .infoBoxE {
    border-bottom: none;
}

.resumeRight h2 {
    border-bottom: 1px solid #bdbcbc;
    font-size: 14px;
    padding-bottom: 7px;
    color: #333;
    position: relative;
    zoom: 1;
}

    .resumeRight h2 i {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 37px;
        height: 3px;
        overflow: hidden;
        background-color: #444;
    }

.resumeRight h3 {
    border-bottom: 1px solid #bdbcbc;
    font-size: 14px;
    padding-bottom: 7px;
    color: #333;
    position: relative;
    zoom: 1;
}

.resumeRight h4 {
    padding-left: 20px;
    font-weight: 400;
    color: #6f6f6f;
    position: relative;
    zoom: 1;
    height: 20px;
    line-height: 20px;
}

    .resumeRight h4 strong {
        color: #3284bc;
        font-size: 14px;
    }

    .resumeRight h4 span {
        position: absolute;
        right: 0;
        top: 0;
        height: 20px;
        line-height: 20px;
    }

.resumeRight_a {
    padding: 15px 7px;
    color: #55585a;
}

    .resumeRight_a span {
        margin-right: 40px;
    }

.resumeRight_b {
    width: 435px;
    margin: 0 auto;
    text-align: center;
    padding: 15px 0;
}

    .resumeRight_b p {
        color: #6f6f6f;
        line-height: 20px;
    }

    .resumeRight_b span {
        color: #3384bc;
    }

.resumeRight_c ul {
    margin-top: 5px;
}

.resumeRight_c li, .resumeRight_d li {
    line-height: 22px;
    padding-left: 2px;
}

    .resumeRight_c li i {
        margin-right: 10px;
    }

.resumeRight_d ul {
    margin-top: 10px;
}

.resumeRight_d i {
    margin-right: 10px;
}

.resumeRight_d li {
    line-height: 28px;
}

.resumeRight_ul li {
    line-height: 20px;
}

.resumeRight_ul p {
    color: #545454;
    display: block;
    font-weight: 700;
    font-size: 14px;
}

.resumeRight_ul a {
    color: #5095c5;
    margin-left: 17px;
}

.resumeRight_ulFloat li {
    float: left;
    width: 170px;
}

.userPic {
    width: 103px;
    height: 141px;
    float: left;
    marign-left: 13px;
}

    .userPic img {
        position: absolute;
    }

.resumeCon_topRight {
    float: left;
    color: #000;
    width: 630px;
    margin: 10px 0 0 20px;
}

    .resumeCon_topRight h2 {
        font-size: 22px;
        line-height: 24px;
    }

    .resumeCon_topRight li {
        float: left;
        margin: 15px 20px 0 0;
    }

.resumeCon_topRight_a {
    float: left;
    border-right: 1px solid #dfdfdf;
    padding-right: 7px;
    margin-right: 7px;
}

    .resumeCon_topRight_a strong {
        font-size: 14px;
    }

    .resumeCon_topRight_a p {
        color: #7e7f7f;
        font-size: 10px;
    }

.resumeCon_topRight_b {
    float: left;
    color: #757575;
}

.resumeCon_bottom {
    border-top: 1px solid #bdbdbd;
    padding-top: 4px;
    color: #bdbdbd;
    margin: 60px auto 10px;
    width: 50px;
    display: block;
}

.resumeConE {
    font-family: Arial;
    width: 813px;
    margin: 0 auto;
}

.resumeConE_header {
    background-color: #ffc739;
    padding: 19px 42px;
    color: #fff;
}

.userPic4 {
    width: 115px;
    height: 161px;
    float: left;
    position: relative;
    overflow: hidden;
}

    .userPic4 img {
        position: absolute;
    }

.userPicture {
    top: 7px;
}

.resumeConE_headerRight {
    float: left;
    margin-left: 12px;
    width: 500px;
    padding-top: 15px;
}

    .resumeConE_headerRight h2 {
        font-size: 21px;
        line-height: 26px;
        height: 26px;
    }

    .resumeConE_headerRight ul {
        margin-top: 5px;
    }

    .resumeConE_headerRight li {
        float: left;
        font-size: 14px;
        line-height: 22px;
        margin-right: 25px;
    }

.resumeConE_list {
    padding: 0 50px;
}

    .resumeConE_list h2 {
        font-size: 27px;
        color: #414141;
        line-height: 30px;
    }

.resumeConE_box {
    margin-top: 24px;
}

.resumeConE_box_time {
    float: left;
    width: 230px;
    padding-left: 19px;
}

.resumeConE_box_time_line {
    border-left: 2px solid #4f4f4f;
    position: relative;
    zoom: 1;
    padding-left: 53px;
    color: #6a6a6a;
    min-height: 74px;
}

    .resumeConE_box_time_line .i_icoTime {
        position: absolute;
        left: -7px;
        top: -6px;
    }

    .resumeConE_box_time_line span {
        color: #b6b6b6;
    }

.resumeConE_box_info {
    float: left;
    width: 435px;
}

    .resumeConE_box_info li {
        margin-top: 5px;
        font-size: 13px;
    }

    .resumeConE_box_info strong {
        font-size: 15px;
        color: #666;
        line-height: 20px;
    }

    .resumeConE_box_info i {
        margin: -2px 6px 0 0;
    }

.resumeConE_list_li {
    border-bottom: 1px dashed #4b4b4b;
    padding: 22px 0;
}

.resumeConE_list_title {
    display: block;
    color: #666;
    font-size: 15px;
    position: relative;
    zoom: 1;
    margin-top: 10px;
}

    .resumeConE_list_title em {
        border-left: 1px solid #ffc739;
        margin-left: 5px;
        padding-left: 5px;
        color: #6a6a6a;
        font-size: 12px;
        font-weight: 400;
    }

    .resumeConE_list_title span {
        position: absolute;
        right: 0;
        top: 0;
        color: #6a6a6a;
        font-size: 12px;
        font-weight: 400;
    }

.resumeConE_lists {
    margin-top: 5px;
}

    .resumeConE_lists li {
        color: #919191;
        float: left;
        line-height: 20px;
        margin-right: 10px;
    }

.resumeConE_listsOther li {
    margin-right: 100px;
}

.resumeConE_lists span {
    color: #919191;
    margin-left: 5px;
}

.resumeConE_lists em {
    border-left: 1px solid #d2d2d2;
    color: #ffc739;
    padding-left: 4px;
}

.resumeConE_footer {
    background-color: #ffc739;
    height: 16px;
    border-top: 1px solid #c4c4c4;
    margin-top: 55px;
}

.resumeConF {
    width: 813px;
    margin: 0 auto;
}

.resumeConF_header {
    background-color: #efefee;
    text-align: center;
    padding-top: 15px;
}

.userPic5 {
    width: 115px;
    height: 161px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
    top: 40px;
}

    .userPic5 img {
        position: absolute;
        left: 0;
    }

.userPicture5 {
    top: 3px;
}

.resumeConF_header h2 {
    color: #010101;
    font-size: 26px;
    line-height: 30px;
    margin-top: 12px;
    position: relative;
    z-index: 2;
}

.resumeConF_header p {
    text-align: center;
    color: #005993;
    line-height: 20px;
    margin-top: 10px;
}

.resumeConF_header_nav {
    height: 39px;
    line-height: 39px;
    color: #fff;
    background-color: #595b5b;
    margin-top: 5px;
}

    .resumeConF_header_nav span {
        margin: 0 20px;
    }

.resumeConF_body_left {
    padding-right: 6%;
}

.titleOne {
    height: 20px;
    line-height: 20px;
    color: #005993;
    font-size: 16px;
    border-bottom: 1px solid #aaa;
    display: block;
}

    .titleOne span {
        position: relative;
        top: 10px;
        background-color: #fff;
        padding-right: 5px;
    }

    .titleOne i {
        margin-right: 7px;
        position: relative;
        top: -3px;
    }

.resumeConF_con {
    margin-top: 20px;
    color: #000;
}

    .resumeConF_con p, .resumeConF_con strong {
        position: relative;
        display: block;
        line-height: 22px;
        margin-top: 4px;
        font-size: 15px;
    }

    .resumeConF_con p {
        color: #848484;
    }

        .resumeConF_con p i, .resumeConF_con strong i {
            position: absolute;
            top: 4px;
            left: -14px;
        }

    .resumeConF_con strong span {
        position: absolute;
        right: 0;
        top: 0;
        font-weight: 400;
        margin-top: 0;
    }

    .resumeConF_con span {
        margin-top: 4px;
        display: inline-block;
    }

    .resumeConF_con .fl {
        width: 114px;
    }

    .resumeConF_con .fr {
        float: left;
        width: 210px;
        margin-left: 20px;
    }

        .resumeConF_con .fr p {
            margin-top: 0;
        }

        .resumeConF_con .fr strong {
            color: #005993;
            display: inline-block;
        }

.resumeConG {
    width: 813px;
    margin: 0 auto;
}

.resumeConG_header {
    height: 90px;
    line-height: 90px;
    padding: 0 50px;
}

    .resumeConG_header strong {
        font-size: 47px;
        color: #000;
        font-weight: 400;
    }

    .resumeConG_header span {
        color: #0d6c40;
        font-size: 14px;
        font-weight: 700;
        margin-left: 28px;
    }

.resumeConG_header-img {
    background-color: #0d6c40;
    font-size: 16px;
    height: 76px;
    color: #fff;
    padding: 0 50px;
    position: relative;
}

    .resumeConG_header-img ul {
        width: 580px;
        padding-top: 15px;
        float: left;
    }

    .resumeConG_header-img li {
        float: left;
        line-height: 24px;
        margin-right: 20px;
    }

    .resumeConG_header-img p {
        float: right;
        position: absolute;
        top: -40px;
        right: 0;
        width: 115px;
        height: 161px;
        background-color: #fff;
        text-align: center;
        overflow: hidden;
    }

.userPic6 img {
    position: absolute;
    top: 0;
    left: 0;
}

.userPic6 .userPicture6 {
    top: 20px;
}

.resumeConG_list {
    padding: 0 40px;
    margin-top: 25px;
}

    .resumeConG_list .infoBox h2 {
        font-size: 24px;
        line-height: 30px;
    }

.resumeConG_listBox {
    border-left: 2px solid #0d6c40;
    padding: 5px 0 5px 12px;
    margin-top: 17px;
}

    .resumeConG_listBox strong {
        color: #0d6c40;
        font-size: 18px;
        font-weight: 400;
        position: relative;
        display: block;
    }

        .resumeConG_listBox strong span {
            position: absolute;
            right: 0;
            top: 0;
            color: #000;
            font-size: 14px;
            font-weight: 700;
        }

    .resumeConG_listBox p {
        font-size: 14px;
        color: #575757;
        line-height: 26px;
        margin-top: 5px;
    }

    .resumeConG_listBox li {
        margin-top: 3px;
        line-height: 20px;
    }

        .resumeConG_listBox li i {
            background-color: #0d6c40;
            width: 5px;
            height: 5px;
            display: inline-block;
            vertical-align: middle;
            margin-right: 12px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
        }

        .resumeConG_listBox li span {
            color: #0d6c40;
        }

.resumeConG_listBox_listOther li {
    width: 200px;
}

.resumeConG_listBox_list li {
    float: left;
    margin-right: 20px;
}

    .resumeConG_listBox_list li strong {
        font-size: 12px;
        display: inline-block;
        width: 100px;
        height: 20px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        vertical-align: middle;
    }

    .resumeConG_listBox_list li span {
        font-size: 12px;
        margin-left: 10px;
        color: #0d6c40;
        vertical-align: middle;
    }

    .resumeConG_listBox_list li p {
        font-size: 12px;
        line-height: 20px;
        color: #575757;
        margin-top: 0;
        margin-left: 17px;
    }

.resumeConG_listBox_right {
    float: left;
    border-left: 3px solid #5ca5da;
    padding-left: 40px;
    width: 380px;
}

    .resumeConG_listBox_right strong {
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 10px;
        display: block;
        color: #353535;
        line-height: 22px;
    }

    .resumeConG_listBox_right p {
        line-height: 20px;
    }

.resumeConHBox {
    width: 813px;
    margin: 0 auto;
}

.resumeConH {
    background-color: #5ca5da;
    padding: 35px 55px 30px;
    color: #fff;
    border-bottom: 1px solid #bcbcbc;
    -moz-box-shadow: 0 0 3px #478bbc inset;
    -webkit-box-shadow: 0 0 3px #478bbc inset;
    box-shadow: 0 0 3px #478bbc inset;
}

.resumeConH_left {
    float: left;
    width: 530px;
}

    .resumeConH_left h2 {
        font-size: 46px;
        line-height: 50px;
        font-weight: 400;
    }

    .resumeConH_left ul {
        margin-top: 10px;
    }

    .resumeConH_left li {
        float: left;
        font-size: 14px;
        margin-right: 15px;
        line-height: 24px;
        letter-spacing: -.03em;
    }

.resumeConH_right {
    float: right;
    width: 173px;
    text-align: right;
    font-size: 16px;
    letter-spacing: -.05em;
    line-height: 24px;
}

    .resumeConH_right strong {
        display: block;
        margin-top: 50px;
    }

.resumeConH_list {
    padding: 0 55px;
    color: #666;
}

.resumeConH_list_li {
    border-bottom: 1px dashed #5ca5da;
    padding: 10px 0 20px;
}

.resumeConH_list .infoBox h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 400;
}

.resumeConH_listBox {
    margin-top: 20px;
}

    .resumeConH_listBox span {
        float: left;
        width: 190px;
        padding-left: 36px;
        font-size: 16px;
        line-height: 20px;
        padding-top: 10px;
    }

.resumeConH_listInfo strong {
    position: relative;
    font-size: 18px;
    font-weight: 400;
    display: block;
    margin-top: 25px;
}

.resumeConH_listInfo span {
    font-size: 14px;
}

.resumeConH_listInfo em {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
}

.resumeConH_listInfo i {
    width: 5px;
    height: 5px;
    background-color: #5ca5da;
    vertical-align: middle;
    display: inline-block;
    margin-right: 20px;
}

.resumeConH_listInfo ul {
    margin-top: 15px;
}

.resumeConH_listInfo li {
    font-size: 14px;
    line-height: 24px;
}

.resumeConH_listInfo_list li {
    float: left;
    margin-right: 20px;
}

.resumeConH_listInfo_list p {
    margin-left: 24px;
}

    .resumeConH_listInfo_list p span {
        color: #5ca5da;
    }

.resumeConH_listInfo_listOther li {
    margin-right: 80px;
}

.resumeConH_footer {
    height: 24px;
    background-color: #5ca5da;
    border-top: 1px solid #c4c4c4;
    margin-top: 55px;
}

.resumeConI {
    width: 813px;
    margin: 0 auto;
}

.resumeConI_header {
    background-color: #5e5e5e;
    padding: 21px 49px 1px 42px;
    color: #d0d0d0;
}

.userPic8 {
    width: 115px;
    height: 161px;
    float: left;
    position: relative;
    overflow: hidden;
}

    .userPic8 img {
        position: absolute;
    }

.userPicture8 {
    top: 5px;
}

.resumeConI_header_info {
    float: left;
    margin-left: 25px;
    width: 310px;
    margin-top: 10px;
}

    .resumeConI_header_info h2 {
        font-size: 34px;
        line-height: 40px;
        margin-bottom: 10px;
    }

        .resumeConI_header_info h2 span {
            font-size: 15px;
            margin-left: 20px;
        }

    .resumeConI_header_info p {
        line-height: 20px;
        font-size: 13px;
    }

        .resumeConI_header_info p em {
            padding: 0 7px;
        }

.resumeConI_header_tell {
    float: right;
    width: 220px;
    height: 55px;
    border: 1px solid #314551;
    padding: 8px 0 0 14px;
    margin-top: 43px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .resumeConI_header_tell p {
        line-height: 24px;
    }

.resumeConI_body {
    padding: 0 38px;
}

    .resumeConI_body .infoBox h2 {
        width: 138px;
        height: 32px;
        border: 1px solid #4a5c67;
        display: block;
        position: relative;
        text-align: center;
        line-height: 32px;
        color: #2e4350;
        font-size: 16px;
        margin-bottom: 20px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

    .resumeConI_body h2 i {
        position: absolute;
        left: -22px;
        top: -7px;
    }

    .resumeConI_body strong {
        position: relative;
        display: block;
        color: #030000;
        font-size: 15px;
        line-height: 21px;
    }

        .resumeConI_body p i, .resumeConI_body strong i {
            position: absolute;
            left: -13px;
            top: 7px;
        }

    .resumeConI_body p i {
        top: 9px;
    }

    .resumeConI_body strong span {
        display: block;
        font-weight: 400;
        margin-top: 1px;
    }

    .resumeConI_body span {
        display: block;
        color: #1C79B3;
        margin-top: 1px;
        font-size: 13px;
    }

    .resumeConI_body p {
        color: #636363;
        line-height: 23px;
        font-size: 13px;
        margin-top: 1px;
        position: relative;
        margin-bottom: 10px;
    }

.resumeConI_body-left {
    padding-right: 7%;
}

.resumeConJ {
    width: 813px;
    margin: 0 auto;
}

.resumeConJ_header_bg {
    background-color: #6d6d6d;
    height: 11px;
}

.resumeConJ_header {
    padding: 34px 40px 0 60px;
}

.userPic9 {
    width: 115px;
    height: 161px;
    float: left;
    position: relative;
    overflow: hidden;
}

    .userPic9 img {
        position: absolute;
    }

.userPicture9 {
    top: 4px;
}

.resumeConJ_header_info {
    float: left;
    margin-left: 24px;
}

    .resumeConJ_header_info h2 {
        font-size: 34px;
        line-height: 40px;
        margin: 20px 0 10px;
        color: #010101;
    }

        .resumeConJ_header_info h2 span {
            font-size: 15px;
            margin-left: 30px;
        }

    .resumeConJ_header_info p {
        line-height: 20px;
        font-size: 13px;
        color: #818181;
    }

        .resumeConJ_header_info p em {
            padding: 0 8px;
        }

.resumeConJ_body {
    padding: 0 30px;
}

    .resumeConJ_body .infoBox h2 {
        color: #7ebfe0;
        font-size: 18px;
        position: relative;
        vertical-align: top;
    }

        .resumeConJ_body .infoBox h2 .i_icoPrion {
            margin-right: 10px;
            vertical-align: top;
        }

        .resumeConJ_body .infoBox h2 span {
            border: 1px solid #ccc;
            position: absolute;
            left: 123px;
            top: 10px;
            display: inline-block;
            width: 217px;
        }

.resumeConJ_body_box {
    border-left: 1px solid #dadbdb;
    padding: 10px 0 10px 18px;
    margin: 0 0 0 10px;
}

    .resumeConJ_body_box strong {
        position: relative;
        zoom: 1;
        display: block;
        color: #221815;
        font-size: 15px;
        line-height: 20px;
    }

        .resumeConJ_body_box strong i {
            background-color: #2d2d2d;
            width: 5px;
            height: 5px;
            position: absolute;
            left: -21px;
            top: 8px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
        }

        .resumeConJ_body_box strong span {
            position: absolute;
            right: 0;
            top: 0;
            color: #231916;
            font-weight: 400;
        }

    .resumeConJ_body_box span {
        font-size: 13px;
        color: #231815;
        margin-top: 5px;
        display: block;
    }

    .resumeConJ_body_box p {
        line-height: 20px;
        margin-top: 3px;
    }

        .resumeConJ_body_box p i {
            border: 1px solid #b3b3b3;
            width: 7px;
            height: 7px;
            margin-right: 7px;
            display: inline-block;
            vertical-align: middle;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
        }

    .resumeConJ_body_box div {
        line-height: 20px;
    }

.resumeConJ_body_boxOther {
    margin-top: 10px;
    font-size: 13px;
}

    .resumeConJ_body_boxOther span {
        float: left;
        width: 114px;
        display: block;
        line-height: 20px;
    }

.resumeConJ_body_boxOther_right {
    float: left;
    width: 155px;
}

    .resumeConJ_body_boxOther_right strong {
        line-height: 20px;
        color: #005993;
        font-size: 15px;
    }

    .resumeConJ_body_boxOther_right p {
        line-height: 20px;
    }

.infoBox {
    border: 1px solid #fff;
    padding: 10px;
}

.resume-box.focus {
    outline: #16bb00 solid 1px;
    -moz-box-shadow: 0 0 4px #16bb00;
    -webkit-box-shadow: 0 0 4px #16bb00;
    box-shadow: 0 0 4px #16bb00;
    cursor: move;
}

.resume-box.hover {
    outline: #ffba00 solid 1px;
    -moz-box-shadow: 0 0 4px #ffba00;
    -webkit-box-shadow: 0 0 4px #ffba00;
    box-shadow: 0 0 4px #ffba00;
    -webkit-user-select: none;
    cursor: move;
}

.infoBox h2 {
    color: #333;
    font-size: 14px;
    line-height: 20px;
}

.infoBoxList {
    margin-top: 10px;
}

    .infoBoxList li {
        line-height: 22px;
    }

    .infoBoxList strong {
        color: #dd5c4d;
        width: 85px;
        border-right: 2px dashed #bebebe;
        font-weight: 400;
        height: 20px;
        display: inline-block;
        padding-left: 16px;
    }

    .infoBoxList span {
        padding-left: 22px;
    }

    .infoBoxList .redColor {
        color: #dd5c4d;
    }

    .infoBoxList .greenColor {
        color: #489E53;
    }

.infoBox h3 {
    font-size: 16px;
    color: #111;
    border-bottom: 1px dotted #5e5e5e;
    padding-bottom: 5px;
    line-height: 18px;
}

    .infoBox h3 p {
        font-size: 10px;
        font-weight: 400;
        color: #7e7f7f;
    }

.infoBoxSKH {
    border: 1px solid #fff;
    padding: 10px;
}

    .infoBoxSKH h3 {
        color: #666;
        padding-bottom: 5px;
    }

.infoBoxListA {
    margin-top: 10px;
    border-bottom: 1px solid #c7c6c6;
}

    .infoBoxListA i {
        width: 6px;
        height: 6px;
        background-color: #d84331;
        float: left;
        display: inline-block;
        margin: 7px 20px 0 11px;
        overflow: hidden;
    }

    .infoBoxListA span {
        float: left;
        width: 295px;
        line-height: 20px;
    }

        .infoBoxListA span p {
            color: #d84b39;
            line-height: 18px;
        }

.infoBoxListB li {
    border-bottom: 1px solid #c7c6c6;
    padding: 13px 0;
}

.infoBoxListB strong {
    color: #cc0c00;
    font-size: 14px;
    display: block;
    line-height: 20px;
    position: relative;
    zoom: 1;
    width: 333px;
    height: inherit;
    text-overflow: ellipsis;
}

.infoBoxListA .redColor {
    color: #cc0c00;
}

.infoBoxListA .greenColor {
    color: #489E53;
}

.infoBoxListB .redColor {
    color: #cc0c00;
}

.infoBoxListB .greenColor {
    color: #489E53;
}

.infoBoxD .redBgColor {
    background-color: #cc0c00;
}

.infoBoxD .greenBgColor {
    background-color: #489E53;
}

.infoBoxListB strong span {
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 400;
    background-color: #fff;
}

.infoBoxListB span {
    color: #cc0c00;
    display: block;
    line-height: 20px;
    margin-top: 4px;
}

.infoBoxListB p {
    line-height: 20px;
    color: #666;
    margin-top: 4px;
}

.infoBoxC li {
    border-bottom: 1px solid #9d9b9b;
    padding: 10px 0;
    line-height: 20px;
}

.infoBoxC span {
    float: left;
    width: 100px;
    color: #cc0c00;
}

.infoBoxC_con {
    float: right;
    width: 233px;
}

.infoBoxD_li {
    margin-top: 15px;
}

.infoBoxD_time {
    float: left;
    width: 114px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    background-color: #d84b39;
    display: inline-block;
    text-align: center;
}

.infoBoxD_info {
    float: right;
    width: 208px;
}

    .infoBoxD_info strong {
        font-size: 14px;
        color: #545454;
        line-height: 20px;
        height: 20px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        width: 208px;
    }

    .infoBoxD_info p {
        line-height: 24px;
        font-size: 14px;
        color: #545454;
        height: 24px;
        width: 208px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .infoBoxD_info li {
        color: #666;
        line-height: 20px;
    }

        .infoBoxD_info li i {
            margin-right: 8px;
        }

.infoBoxE {
    line-height: 24px;
    color: #545454;
    border-bottom: 1px solid #9d9c9c;
    padding: 10px 0 20px;
}

.infoBoxListF strong {
    font-size: 15px;
    color: #2c2d2d;
    display: block;
    line-height: 24px;
}

    .infoBoxListF strong span {
        border-left: 1px solid #a2a2a2;
        margin-left: 6px;
        padding-left: 6px;
        color: #acacac;
    }

.infoBoxListF li {
    font-size: 14px;
    margin-top: 15px;
}

    .infoBoxListF li p {
        margin-top: 5px;
        line-height: 20px;
    }

        .infoBoxListF li p strong {
            display: inline-block;
        }

        .infoBoxListF li p span {
            display: block;
            margin-left: 18px;
        }

.infoBoxListF_a strong {
    border-bottom: 1px solid #dfdfdf;
    font-size: 15px;
    padding: 0 0 4px 20px;
    margin-bottom: 4px;
    text-align: center;
}

.resumeMenu {
    float: right;
    width: 276px;
    background-color: #1a1a1a;
    padding: 10px;
}

.resumeMenuFixed {
    position: fixed;
    right: 200px;
    top: 100px;
}

.resumeMenu h2 {
    color: #fff;
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    padding-bottom: 45px;
}

.resumeMenu_list {
    margin-left: -10px;
}

    .resumeMenu_list li {
        float: left;
        width: 85px;
        height: 85px;
        margin: 10px 0 0 10px;
    }

        .resumeMenu_list li.not a, .resumeMenu_list li.not a:hover {
            background-color: #222322;
        }

    .resumeMenu_list a {
        background-color: #16bb00;
        color: #fff;
        width: 85px;
        height: 73px;
        display: inline-block;
        text-align: center;
        padding-top: 12px;
        position: relative;
        zoom: 1;
    }

        .resumeMenu_list a:hover .i_icoInfo, .resumeMenu_list a:hover .i_icoMeight, .resumeMenu_list a:hover .i_icoMfive, .resumeMenu_list a:hover .i_icoMfour, .resumeMenu_list a:hover .i_icoMnine, .resumeMenu_list a:hover .i_icoMone, .resumeMenu_list a:hover .i_icoMseven, .resumeMenu_list a:hover .i_icoMsix, .resumeMenu_list a:hover .i_icoMten, .resumeMenu_list a:hover .i_icoMthree, .resumeMenu_list a:hover .i_icoMtwo {
            background-position: -459px -631px;
            width: 32px !important;
            height: 37px !important;
            margin-top: 13px;
        }

        .resumeMenu_list a:hover p {
            display: none;
        }

    .resumeMenu_list .on a:hover p {
        display: block;
    }

    .resumeMenu_list a .i_icoLock, .resumeMenu_list a .i_icoLookB, .resumeMenu_list a .i_icoUnlook {
        position: absolute;
        right: 2px;
        bottom: 2px;
    }

    .resumeMenu_list p {
        margin-top: 12px;
    }

.resumeMenuBtn {
    text-align: center;
    margin-top: 46px;
}

    .resumeMenuBtn .btnLa {
        font-size: 14px;
        color: #7c7c7c;
        margin-right: 20px;
    }

.resumeMenu_num {
    margin-top: 105px;
}

.resumeMenu_numBox {
    width: 107px;
    height: 33px;
    background-color: #2a2a2a;
    text-align: center;
    padding: 3px 0 0 3px;
    float: left;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
}

    .resumeMenu_numBox a, .resumeMenu_numBox span {
        float: left;
        color: #fff;
    }

    .resumeMenu_numBox span {
        width: 44px;
        display: inline-block;
        line-height: 33px;
    }

.resumeMenu_num .i_icoLoad, .resumeMenu_num .i_icoThrough {
    float: left;
    margin: 3px 0 0 14px;
}

.windowBoxA_from {
    float: left;
    width: 290px;
    padding: 0 25px 0 23px;
}

.fromList li {
    margin-top: 10px;
    position: relative;
    zoom: 1;
}

    .fromList li.on {
        position: relative;
        z-index: 2;
    }

    .fromList li label {
        font-size: 16px;
        color: #7a7e84;
        line-height: 24px;
        display: block;
    }

    .fromList li .input {
        border: 1px solid #dfdfdf;
        width: 276px;
        height: 20px;
        line-height: 20px;
        padding: 5px;
        color: #9c9c9c;
        font-size: 14px;
    }

    .fromList li .textarea {
        border: 1px solid #dfdfdf;
        width: 276px;
        padding: 5px;
        color: #9c9c9c;
        font-size: 14px;
        height: 92px;
        resize: none;
        outline: 0;
        overflow: auto;
    }

    .fromList li .select {
        width: 145px;
        padding: 7px 0;
        float: left;
    }

.fromList_no {
    width: 288px;
    height: 63px;
}

.windowBoxA_from_bottom {
    text-align: center;
    position: absolute;
    left: 149px;
    bottom: 26px;
}

    .windowBoxA_from_bottom p {
        font-size: 18px;
        color: #a5a5a5;
        line-height: 20px;
        margin-top: 5px;
    }

.windowBoxA_menu {
    border-left: 1px solid #ececec;
    min-height: 440px;
    width: 210px;
    float: right;
}

    .windowBoxA_menu ul {
        height: 337px;
        overflow-y: auto;
    }

    .windowBoxA_menu li {
        height: 28px;
        border: 1px solid #fff;
        color: #8b8b8b;
        font-size: 14px;
        position: relative;
        zoom: 1;
    }

        .windowBoxA_menu li.focus {
            background-color: #dbdbdb;
            border: 1px solid #dbdbdb;
        }

        .windowBoxA_menu li.hover {
            background-color: #8bd38b;
            border: 1px solid #6bcb6b;
            color: #fff;
        }

            .windowBoxA_menu li.hover .i_icoCloseSmall {
                background-position: -445px -198px;
            }

        .windowBoxA_menu li span {
            float: left;
            width: 48px;
            height: 28px;
            line-height: 28px;
            text-align: center;
        }

        .windowBoxA_menu li p {
            float: left;
            width: 142px;
            height: 28px;
            line-height: 28px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

    .windowBoxA_menu .i_icoCloseSmall {
        position: absolute;
        right: 9px;
        top: 10px;
    }

.windowBoxA_menu_btn {
    text-align: center;
    margin-top: 12px;
}

.fromListEm {
    font-style: italic;
}

.fromListBox {
    float: right;
    width: 625px;
}

    .fromListBox li {
        float: left;
        margin-right: 24px;
    }

        .fromListBox li .clearfix {
            height: 34px;
        }

.windowBoxA_picture {
    float: left;
    border: 3px solid #e8e8e8;
    width: 129px;
    height: 184px;
    overflow: hidden;
    margin: 78px 0 0 26px;
}

    .windowBoxA_picture input {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 200px;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        cursor: pointer;
    }

.fromListBox_btn {
    padding: 45px 0 42px;
    text-align: center;
}

.windowBoxA_from_one {
    float: left;
    width: 650px;
}

    .windowBoxA_from_one .fromListBox {
        width: 627px;
        margin-left: 24px;
    }

.windowBoxA_from_two {
    float: left;
    width: 340px;
}

    .windowBoxA_from_two .fromListBox {
        width: 316px;
        margin-left: 24px;
    }

.windowBoxA_nav {
    border-right: 1px solid #ececec;
    width: 113px;
    float: left;
    min-height: 440px;
}

    .windowBoxA_nav li {
        margin-top: 15px;
    }

    .windowBoxA_nav a {
        width: 113px;
        font-size: 16px;
        line-height: 24px;
        color: #999;
        text-align: center;
        display: block;
    }

    .windowBoxA_nav .focus a {
        color: #2caf2c;
        font-weight: 700;
    }

.loginH2 {
    border-bottom: 1px solid #e9e9e9;
    height: 50px;
    line-height: 50px;
}

    .loginH2 span {
        height: 50px;
        line-height: 50px;
        display: block;
        color: #2a2a2a;
        font-size: 18px;
    }

.login {
    padding: 50px 0 33px;
}

    .login h1 {
        font-size: 28px;
        line-height: 28px;
        font-weight: 400;
        text-align: center;
        letter-spacing: 20px;
        color: #000;
    }

    .login h2 {
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        text-align: center;
        letter-spacing: 20px;
        color: #000;
        margin-top: 5px;
        padding-bottom: 10px;
    }

    .login ul {
        width: 286px;
        margin: 0 auto;
    }

    .login li {
        text-align: center;
        margin-top: 22px;
        position: relative;
        zoom: 1;
    }

        .login li .input {
            border: 2px solid #dfdfdf;
            width: 282px;
            height: 30px;
        }

            .login li .input .normal, .login li .select.normal, .payCon .input.normal {
                font-style: italic;
                color: #b3b3b3;
            }

            .login li .input input {
                height: 20px;
                line-height: 20px;
                padding: 5px;
                width: 272px;
                color: #3c3c3c;
                font-size: 14px;
            }

        .login li .select {
            padding: 5px 2px;
            width: 286px;
            border: 2px solid #dfdfdf;
            color: #3c3c3c;
            font-size: 14px;
        }

        .login li .inputTips {
            position: absolute;
            left: 0;
            bottom: -20px;
            color: #aa2e2e;
            height: 20px;
            line-height: 20px;
        }

        .login li .i_icoErrors, .login li .i_icoOks {
            position: absolute;
            right: 4px;
            top: 7px;
        }

.loginTips {
    line-height: 38px;
    height: 38px;
    color: #797979;
    background-color: #eaeaea;
    width: 324px;
    padding: 0 8px;
    margin: 26px auto 0;
}

.loginBtn {
    text-align: center;
    margin-top: 34px;
}

.loginOther {
    padding: 27px 0 33px;
}

    .loginOther ul {
        width: 375px;
    }

    .loginOther li .input {
        width: 371px;
    }

        .loginOther li .input input {
            width: 361px;
        }

.loginBtnOther {
    margin-top: 76px;
}

.loginImg {
    text-align: center;
    margin-top: 30px;
}

    .loginImg .loginImgA {
        position: relative;
        zoom: 1;
        cursor: pointer;
        -moz-border-radius: 68px;
        -webkit-border-radius: 68px;
        border-radius: 68px;
    }

        .loginImg .loginImgA img {
            width: 136px;
            height: 136px;
            cursor: pointer;
        }

        .loginImg .loginImgA input {
            position: absolute;
            right: 0;
            top: 0;
            font-size: 100px;
            filter: alpha(opacity=0);
            -moz-opacity: 0;
            -khtml-opacity: 0;
            opacity: 0;
            z-index: 1;
            cursor: pointer;
        }

    .loginImg p {
        color: #bababa;
        font-size: 14px;
        margin-top: 30px;
    }

.payMain {
    position: relative;
    zoom: 1;
    padding: 60px 0;
}

.payTabs {
    border-bottom: 1px solid #e1e0e1;
    -moz-box-shadow: 1px 0 4px #e1e0e1;
    -webkit-box-shadow: 1px 0 4px #e1e0e1;
    box-shadow: 1px 0 4px #e1e0e1;
}

    .payTabs ul {
        width: 536px;
        margin: 0 auto;
    }

    .payTabs li {
        float: left;
        width: 207px;
        border-bottom: 3px solid #fff;
        padding: 23px 0 26px 51px;
        margin: 0 5px;
        cursor: pointer;
    }

        .payTabs li.focus {
            border-bottom: 3px solid #65e23f;
        }

        .payTabs li .i_icoPay {
            position: relative;
            margin-right: 35px;
        }

.payTabs_nun {
    position: absolute;
    left: -9px;
    bottom: -3px;
    width: 22px;
    height: 22px;
    background-color: #56c923;
    text-align: center;
    line-height: 22px;
    color: #fff;
    font-style: normal;
    font-size: 12px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
}

.payTabs_vip {
    position: absolute;
    left: -9px;
    bottom: -3px;
    width: 22px;
    height: 22px;
    background-color: #d3b367;
    text-align: center;
    line-height: 22px;
    color: #fff;
    font-style: normal;
    font-size: 12px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
}

.payTabs a {
    color: #000;
    font-size: 18px;
}

.payList .first .payLabel {
    line-height: 25px;
}

.payLabel {
    float: left;
    width: 163px;
    padding-right: 14px;
    text-align: right;
    line-height: 34px;
    font-size: 14px;
    color: #000;
}

.payCon {
    float: left;
    width: 690px;
}

    .payCon .inputSpan {
        display: inline-block;
        width: 244px;
        height: 25px;
        line-height: 25px;
        padding: 0 7px;
        background-color: #ebebeb;
    }

    .payCon .input {
        border: 2px solid #dfdfdf;
        padding: 5px 6px;
        width: 274px;
        height: 20px;
        line-height: 20px;
        color: #3c3c3c;
        font-size: 14px;
    }

    .payCon .input_tips {
        color: #929292;
        font-size: 14px;
        line-height: 30px;
        display: inline-block;
    }

    .payCon .input_tipsa, .payCon .input_tipsb {
        font-size: 14px;
        line-height: 30px;
        display: inline-block;
    }

    .payCon .input_tipsa {
        color: #000;
        margin-left: 10px;
    }

    .payCon .input_tipsb {
        color: #d3b367;
        margin-left: 20px;
    }

.payTable {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

    .payTable td {
        border: 1px solid #ccc;
    }

    .payTable a {
        margin: -1px;
        border: 1px solid #ccc;
        display: block;
    }

        .payTable a i {
            display: none;
        }

        .payTable a.focus i, .payTable a:hover i {
            display: block;
        }

.payTableGreen a.focus, .payTableGreen a:hover {
    border: 1px solid #56c923;
    position: relative;
    z-index: 1;
}

.payTableOrange a.focus, .payTableOrange a:hover {
    border: 1px solid #d3b367;
    position: relative;
    z-index: 1;
}

.payTableGreen i {
    background-position: -419px -571px;
    width: 18px;
    height: 19px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.payTableOrange i {
    background-position: -438px -571px;
    width: 18px;
    height: 19px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.payCon_radio i {
    background-position: -457px -571px;
    width: 19px;
    height: 19px;
    margin-right: 10px;
}

.payCon_radioGreen.on i {
    background-position: -477px -571px;
}

.payCon_radioOrange.on i {
    background-position: -419px -591px;
}

.payCon_radio span {
    height: 20px;
    line-height: 20px;
    background-color: #e1e1e1;
    display: inline-block;
    padding: 0 8px;
    margin-left: 8px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.payMoney {
    position: absolute;
    right: 90px;
    top: 44px;
    height: 50px;
}

    .payMoney span {
        font-size: 14px;
        color: #000;
        display: inline-block;
    }

    .payMoney strong {
        font-size: 48px;
        font-weight: 400;
        display: inline-block;
        height: 48px;
        line-height: 48px;
    }

.payMoneyGreen strong {
    color: #80d244;
}

.payMoneyOrange strong {
    color: #dab764;
}

.overHide {
    overflow: hidden;
}

.scrollTop {
    position: fixed;
    right: 50px;
    bottom: 100px;
    z-index: 2;
}

.resumeConBig {
    width: 932px;
}

.resumeCon960 {
    width: 960px;
}

.msg {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 45%;
    opacity: 1;
    text-align: center;
    padding: 7px 15px;
    display: inline-block;
    background-color: #68af02;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-animation: menus .2s ease-out;
    -moz-animation: menus .2s ease-out;
    animation: menus .2s ease-out;
}

.msgRed {
    text-align: center;
    padding: 7px 15px;
    display: inline-block;
    background-color: #de0202;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.msgYellow {
    background-color: #ffa;
    border: 1px solid #ffa;
    color: #444;
}

.contextrule {
    word-break: break-all;
    word-wrap: break-word;
}

.qqQuestion {
    width: 30px;
    height: 30px;
    display: block;
    float: right;
    margin-top: 3px;
}

.qqQuestionTop {
    width: 94px;
    height: 25px;
    display: block;
    float: right;
    margin-top: 0;
}

.regMention {
    height: 538px;
    overflow: hidden;
    position: relative;
    display: none;
}

    .regMention p {
        width: 500px;
        height: 57px;
        margin: 350px auto 0;
        font-size: 16px;
        line-height: 57px;
        overflow: hidden;
        text-align: center;
    }

        .regMention p a {
            color: green;
            font-size: 20px;
        }

.regQqQuestion {
    width: 30px;
    height: 30px;
}

.aboutUsWrap {
    width: 960px;
    margin: 0 auto;
    height: 400px;
}

.leftNav {
    width: 200px;
    height: 153px;
    margin-top: 60px;
}

    .leftNav ul {
        height: inherit;
    }

        .leftNav ul li {
            height: 50px;
            text-align: center;
            line-height: 50px;
            border-bottom: 1px solid #b6e4b1;
        }

            .leftNav ul li a {
                display: block;
                height: inherit;
                font-size: 18px;
                -webkit-transition: all .4s;
                -moz-transition: all .4s;
                -ms-transition: all .4s;
                transition: all .4s;
            }

                .leftNav ul li a:hover, .linkAdd {
                    background-color: #6DD411;
                    color: #fff;
                }

.rightCont {
    width: 730px;
    height: 320px;
    margin-top: 50px;
    padding: 20px 0 0 30px;
    background-color: -darkseagreen;
    overflow: hidden;
}

.rightPart {
    height: inherit;
    line-height: 1.8em;
    font-size: 16px;
}

    .rightPart ::selection {
        background-color: #6DD411;
        color: #fff;
    }

.rightPart1 p span {
    font-size: 30px;
    padding-right: 5px;
}

.rightPart2 p a {
    color: #1DAE1D;
}

    .rightPart2 p a:hover {
        text-decoration: underline;
    }

.actBanner {
    height: 538px;
    background: url(../images/actHead.png) center 27% no-repeat #2594EB;
    overflow: hidden;
    position: relative;
}

    .actBanner p {
        width: 194px;
        height: 57px;
        margin: 350px auto 0;
        overflow: hidden;
    }

        .actBanner p img {
            float: right;
            display: block;
            clear: both;
        }

        .actBanner p span {
            display: block;
            width: 194px;
            height: 45px;
            margin-top: 12px;
            -moz-border-radius: 23px;
            -webkit-border-radius: 23px;
            border-radius: 23px;
            background: url(../images/clockTime.png) 18px 8px no-repeat #0074CE;
            color: #fff;
            font-size: 20px;
            line-height: 45px;
            text-indent: 62px;
        }

    .actBanner .cloudBg {
        width: 1056px;
        height: 98px;
        background: url(../images/cloudBg.png) center center no-repeat;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -526px;
    }

.actDetail {
    width: 960px;
    height: 1887px;
    background: url(../images/actLine.png) center 0 no-repeat;
    margin: 0 auto;
    color: #FE9900;
    position: relative;
}

.part1 {
    padding: 40px 0 0 85px;
    height: 360px;
    width: 875px;
    background: url(../images/actProgress.png) 110px 44% no-repeat;
    position: relative;
}

    .part1 .actTime {
        width: 214px;
        height: 45px;
        position: absolute;
        line-height: 2em;
    }

.actTime .startTitle {
    text-align: center;
    display: block;
    font-size: 17px;
    letter-spacing: 1px;
}

.actTime .startTime {
    font-size: 14px;
}

.actTime1 {
    top: 210px;
    left: 172px;
}

.actTime2 {
    top: 100px;
    left: 390px;
}

.actTime3 {
    top: 210px;
    right: 123px;
}

.part1 h2, .part2 h2, .part3 h2 {
    width: 500px;
    border-left: 4px solid #FE9900;
    padding-left: 10px;
    font-size: 24px;
    height: 25px;
    line-height: 1em;
}

.part1 h2 {
    margin-left: 55px;
}

.part2 h2 {
    margin: 40px 0 0 140px;
}

.part3 h2 {
    margin: 40px 3px;
}

.part2 ul {
    width: 710px;
    margin: 30px 0 0 55px;
}

    .part2 ul li {
        width: inherit;
        height: 65px;
        margin-bottom: 25px;
        font-size: 16px;
        line-height: 2em;
        position: relative;
    }

    .part2 ul .lineCenter {
        line-height: 65px;
    }

        .part2 ul .lineCenter span {
            font-weight: 700;
        }

    .part2 ul li img {
        float: left;
        padding-right: 20px;
    }

    .part2 ul li .divideLine {
        width: 636px;
        height: inherit;
        border-bottom: 1px dashed #FFE0B2;
        float: left;
    }

        .part2 ul li .divideLine p {
            width: 450px;
            height: inherit;
            float: left;
            margin-right: 45px;
        }

        .part2 ul li .divideLine a {
            display: inline-block;
            width: 141px;
            height: 44px;
            background: url(../images/actGoTo.png) center center no-repeat;
            border-radius: 3px;
            float: left;
            margin-top: 10px;
        }

.part3 {
    margin: 70px 0 0 140px;
    overflow: hidden;
}

    .part3 ul {
        width: 740px;
        color: #FE9900;
        list-style-type: disc;
        margin: 65px 0 0 -10px;
    }

        .part3 ul li {
            height: 37px;
            line-height: 37px;
            font-size: 16px;
            margin: 14px 0;
        }

        .part3 ul h3 {
            font-size: 24px;
            display: inline-block;
            margin-right: 36px;
            color: #FE6600;
            background: url(../images/actPart3Li.jpg) 10px center no-repeat;
            text-indent: 36px;
        }

.actDetail .workTogether {
    width: 105px;
    height: 75px;
    margin: 357px auto 0;
    text-align: center;
    line-height: 2em;
}

.workTogether h2 {
    font-size: 20px;
}

.workTogether h4 {
    font-size: 13px;
}

.workTogether p {
    font-size: 14px;
}

.actDetail .friendLink {
    height: 45px;
    margin-top: 123px;
    padding-left: 4px;
}

    .actDetail .friendLink li {
        float: left;
        margin: 0 26px;
    }

.re_L {
    padding-top: 20px;
    background-color: #fff;
    position: relative;
    border-left: 27px solid #57595B;
    margin: 0 auto;
}

.grayContain1 {
    border-left: 27px solid #57595B;
}

.grayContain2 {
    border-left: 27px solid #4A4A4A;
}

.headerL {
    border-left: 35px #C21F32 solid;
    height: 135px;
    margin: 0 0 20px -27px;
}

.re_L .redBorder {
    border-left: 35px #C21F32 solid;
}

.re_L .blueBorder {
    border-left: 35px #3FB1BF solid;
}

.userPicL {
    width: 97px;
    height: 135px;
    margin-left: 30px;
    margin-right: 29px;
}

.headerL .basicInfo {
    font-size: 12px;
}

.headerL .userName {
    font-size: 27px;
    margin-top: 24px;
    color: #020202;
}

.headerL .jobWant {
    color: #5B5B5B;
    font-size: 14px;
    margin-top: 21px;
    font-weight: 700;
}

    .headerL .jobWant span {
        font-weight: 400;
        font-size: 12px;
    }

.headerL .basicInfoDesc {
    margin-top: 10px;
    line-height: 1.6em;
}

    .headerL .basicInfoDesc span {
        padding-right: 12px;
    }

.noPic h1 {
    font-size: 33px;
    color: #010101;
    line-height: 2.4em;
    margin-left: 42px;
}

    .noPic h1 p {
        font-size: 14px;
        color: #505050;
        font-weight: 700;
        margin-left: 16px;
        display: inline-block;
    }

        .noPic h1 p span {
            font-size: 12px;
            color: #5A5A5A;
            font-weight: 400;
        }

.noPic .basicInfo {
    margin-left: 43px;
    margin-top: -18px;
    line-height: 1.9em;
}

    .noPic .basicInfo span {
        padding-right: 13px;
    }

.bodyContL {
    padding: 0 34px 0 49px;
}

    .bodyContL .leftTitle {
        color: #E51A34;
        font-weight: 700;
        font-size: 17px;
        width: 115px;
        padding-top: 19px;
        text-indent: 4px;
    }

    .bodyContL .schoolName {
        font-weight: 700;
        color: #E51A34;
    }

    .bodyContL .redColor {
        color: #E51A34;
    }

    .bodyContL .blueColor {
        color: #3FB1BF;
    }

    .bodyContL .rightDesc {
        width: 558px;
        border-bottom: 2px solid #F8E6E8;
        padding: 15px 0;
    }

    .bodyContL .redBottom {
        border-bottom: 2px solid #F8E6E8;
    }

    .bodyContL .blueBottom {
        border-bottom: 2px solid #D5E8EF;
    }

    .bodyContL .rightDesc .list1 li {
        margin-bottom: 7px;
    }

    .bodyContL .rightDesc .list2 li {
        float: left;
        margin: 0 20px 0 8px;
        line-height: 2em;
    }

    .bodyContL .rightDesc li .liPointL {
        background-color: #d84b39;
        width: 4px;
        height: 4px;
        display: inline-block;
        vertical-align: middle;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        margin-right: 5px;
    }

    .bodyContL .rightDesc li .redPoint {
        background: url(../images/liPoint.jpg) center center no-repeat;
    }

    .bodyContL .rightDesc li .bluePoint {
        background: url(../images/liPoint-1.jpg) center center no-repeat;
    }

    .bodyContL .rightDesc .list2 li h4 {
        font-size: 14px;
        color: #000;
        text-indent: -6px;
    }

    .bodyContL .rightDesc .list2 li .mag {
        color: #E51A34;
    }

    .bodyContL .rightDesc .list3 li {
        float: left;
        margin: 0 30px 0 8px;
        line-height: 2em;
    }

    .bodyContL .rightDesc .list3 h4 {
        font-size: 14px;
        color: #000;
    }

    .bodyContL .rightDesc p {
        line-height: 1.7em;
    }

    .bodyContL .rightDesc .hobbyCir {
        display: inline-block;
        width: 18px;
        height: 20px;
        background: url(../images/hobbyCir.jpg) center center no-repeat;
        margin-right: 5px;
    }

    .bodyContL .rightDesc .redCir {
        background: url(../images/hobbyCir.jpg) center center no-repeat;
    }

    .bodyContL .rightDesc .blueCir {
        background: url(../images/hobbyCir-1.jpg) center center no-repeat;
    }

    .bodyContL .rightDesc .hobbyDesc {
        width: 535px;
    }

    .bodyContL .rightDesc .time {
        color: #241714;
    }

    .bodyContL .rightDesc .mag {
        font-weight: 700;
        color: #E51A34;
    }

    .bodyContL .rightDesc .experName {
        font-weight: 700;
        color: #000;
    }

        .bodyContL .rightDesc .experName span {
            color: #6D6D6D;
        }

.re_L .decorDiv {
    position: absolute;
    width: 35px;
    height: 135px;
    background-color: #C11F34;
    top: 930px;
    left: -27px;
}

.re_L .redBg {
    background-color: #C11F34;
}

.re_L .blueBg {
    background-color: #3FB1BF;
}

.wrap {
    height: 1150px;
    margin: 0 auto;
}

.padRight16 {
    padding-right: 16px;
}

.padTB5 {
    padding: 5px 0;
}

.padL5 {
    padding-left: 5px;
}

.padTB9 {
    padding: 9px 0;
}

.re_K {
    background-color: #fff;
    margin: 0 auto;
    padding: 20px 46px 0 62px;
}

.headerK {
    background-color: #fff;
    margin-bottom: 38px;
}

.re_K .headerK .infoCont {
    color: #898989;
    font-size: 12px;
}

.re_K .hasPic .picK {
    width: 97px;
    height: inherit;
    margin-right: 29px;
}

.re_K .hasPic .basic {
    width: 579px;
    height: inherit;
}

    .re_K .hasPic .basic .userName {
        color: #010101;
        font-size: 27px;
        line-height: 60px;
    }

    .re_K .hasPic .basic .job {
        font-size: 14px;
        color: #505050;
        line-height: 10px;
    }

        .re_K .hasPic .basic .job span {
            font-size: 12px;
            color: #626262;
            font-weight: 400;
        }

    .re_K .hasPic .basic p {
        line-height: 20px;
        margin-top: 10px;
    }

        .re_K .hasPic .basic p b {
            font-weight: 400;
            font-size: 14px;
            color: #EE808B;
        }

.re_K .noPic h1 {
    font-size: 33px;
    color: #010101;
    height: 33px;
    line-height: 3.2em;
    margin-left: 2px;
}

    .re_K .noPic h1 p {
        font-size: 14px;
        color: #4F4F4F;
        margin-left: 27px;
        display: inline-block;
    }

        .re_K .noPic h1 p span {
            font-size: 13px;
            color: #5B5B5B;
            font-weight: 400;
        }

.re_K .noPic .basicInfo {
    line-height: 22px;
    margin-top: 50px;
    margin-left: 2px;
}

.picK {
    width: 97px;
    height: inherit;
    margin-right: 29px;
}

.headerK .basic {
    height: inherit;
}

    .headerK .basic .userName {
        color: #010101;
        font-size: 27px;
        line-height: 60px;
    }

    .headerK .basic .job {
        font-size: 14px;
        color: #505050;
        line-height: 10px;
    }

        .headerK .basic .job span {
            font-size: 12px;
            color: #626262;
            font-weight: 400;
        }

    .headerK .basic p {
        line-height: 20px;
        margin-top: 10px;
    }

        .headerK .basic p span {
            color: #898989;
            font-size: 12px;
        }

        .headerK .basic p b {
            font-weight: 400;
            font-size: 14px;
            color: #EE808B;
        }

.bodyContK h4 {
    font-size: 17px;
    color: #363636;
    height: 17px;
    margin-bottom: 11px;
}

.redBorder {
    border-left: 7px solid #AD2124;
}

.grayBorder {
    border-left: 7px solid #6C6C6C;
}

.blueBorder {
    border-left: 7px solid #53A5D6;
}

.lightGrayBorder {
    border-left: 7px solid #C4C4C4;
}

.bodyContK .content {
    width: 698px;
    padding-top: 15px;
}

    .bodyContK .content .left {
        width: 110px;
        padding-left: 10px;
        clear: left;
    }

    .bodyContK .content .right {
        width: 578px;
        padding-top: 1px;
    }

        .bodyContK .content .right .desc {
            margin-top: 5px;
            line-height: 1.8em;
        }

        .bodyContK .content .right .red {
            color: #DA2337;
        }

        .bodyContK .content .right .grey {
            color: #515151;
        }

        .bodyContK .content .right .blue {
            color: #53A5D6;
        }

        .bodyContK .content .right .list1 li {
            margin-right: 24px;
            float: left;
            line-height: 1.5em;
        }

        .bodyContK .content .right .list2 li {
            float: left;
            margin-right: 34px;
            line-height: 2em;
        }

            .bodyContK .content .right .list2 li .artiName {
                font-size: 14px;
                font-weight: 700;
                color: #000;
                text-indent: -7px;
            }

        .bodyContK .content .right .list3 li {
            line-height: 1.7em;
            float: left;
            margin-right: 50px;
        }

        .bodyContK .content .right .list3 .winName {
            display: inline-block;
            color: #231814;
            font-weight: 700;
        }

            .bodyContK .content .right .list3 .winName + p {
                text-indent: 9px;
            }

        .bodyContK .content .right i {
            display: inline-block;
            width: 4px;
            height: 12px;
            background: url(../images/liPoint.jpg) center 5px no-repeat;
            margin-right: 5px;
        }

        .bodyContK .content .right .redLi {
            background: url(../images/liPoint.jpg) center 5px no-repeat;
        }

        .bodyContK .content .right .blueLi {
            background: url(../images/liPoint-1.jpg) center 5px no-repeat;
        }

        .bodyContK .content .right em {
            display: inline-block;
            width: 18px;
            height: 18px;
            background: url(../images/hobbyCir.jpg) center center no-repeat;
            vertical-align: top;
            margin-right: 2px;
        }

        .bodyContK .content .right .hobbyDesc {
            display: inline-block;
            width: 558px;
            line-height: 1.5em;
        }

        .bodyContK .content .right .hobbyCir1 {
            background: url(../images/hobbyCir.jpg) center center no-repeat;
        }

        .bodyContK .content .right .hobbyCir2 {
            background: url(../images/hobbyCir-1.jpg) center center no-repeat;
        }

        .bodyContK .content .right .aboutMe {
            line-height: 1.7em;
        }

.re_M {
    height: inherit;
    margin: 0 auto;
    background-color: #fff;
    padding: 0 36px;
}

.headerM {
    height: 146px;
    margin-bottom: 22px;
}

.userPicM {
    height: 135px;
    width: 97px;
    border-top: 4px solid #898989;
    padding-top: 7px;
    margin-right: 21px;
}

.headerM1 .basicInfo {
    color: #717171;
}

.headerM1 h1 {
    color: #373737;
    font-size: 31px;
    margin-top: 35px;
}

    .headerM1 h1 b {
        font-weight: 400;
        font-size: 16px;
    }

.headerM .basicInfoDesc {
    line-height: 2.6em;
    font-size: 13px;
    margin-top: 16px;
}

    .headerM .basicInfoDesc span {
        padding-right: 12px;
    }

        .headerM .basicInfoDesc span i {
            color: #8F8F8F;
            display: inline-block;
            border-left: 1px solid #E6E6E6;
            font-style: normal;
            margin-left: 5px;
            padding: 0 0 10px 4px;
            line-height: .9em;
        }

.headerM2 .userNameM {
    display: inline-block;
    font-size: 31px;
    height: 34px;
    border-top: 13px #898989 solid;
    padding: 20px 1px 0;
    color: #373737;
    margin-right: 20px;
}

.headerM2 .jobWant {
    font-size: 18px;
    color: #555;
}

    .headerM2 .jobWant span {
        color: #939393;
    }

.headerM2 .basicInfo {
    height: 75px;
    margin-top: -10px;
}

.re_M .chinese .basicInfoDesc span {
    padding-right: 28px;
}

.bodyContM table {
    table-layout: fixed;
}

    .bodyContM table td {
        vertical-align: top;
    }

    .bodyContM table .left {
        padding-right: 65px;
        width: 327px;
    }

    .bodyContM table .right {
        width: 321px;
    }

    .bodyContM table h4 {
        color: #414141;
        border-bottom: 1px dotted #4D4845;
        padding-bottom: 5px;
        font-size: 16px;
        margin-bottom: 8px;
    }

.bodyContM .eduM em {
    width: 8px;
    height: 6px;
    display: block;
    background: url(../images/Marrow.jpg) no-repeat;
    margin-left: 1px;
}

.bodyContM .arrowList {
    padding: 8px 0;
    border-left: 2px solid #595757;
    margin-left: 4px;
    font-size: 12px;
}

    .bodyContM .arrowList li {
        line-height: 1.5em;
        padding-left: 8px;
        margin-bottom: 10px;
        width: 313px;
    }

        .bodyContM .arrowList li h5 {
            font-size: 13px;
            font-weight: 400;
            color: #2F2F2F;
            margin-top: -19px;
        }

        .bodyContM .arrowList li strong {
            background: url(../images/MliPoint.jpg) no-repeat;
            width: 9px;
            display: inline-block;
            height: 10px;
            margin: 0 4px 0 -13px;
        }

        .bodyContM .arrowList li .time1 {
            color: #B5B5B5;
        }

        .bodyContM .arrowList li .SchPosi {
            color: #6A6A6A;
        }

        .bodyContM .arrowList li .eduDesc span {
            display: inline-block;
            margin-right: 10px;
        }

            .bodyContM .arrowList li .eduDesc span i {
                display: inline-block;
                width: 5px;
                height: 12px;
                background: url(../images/MliPoint2.jpg) center center no-repeat;
                margin-right: 5px;
            }

.bodyContM .square {
    width: 5px;
    height: 10px;
    background: url(../images/Msquare1.jpg) center center no-repeat;
    margin-right: 5px;
    display: inline-block;
}

.bodyContM .square2 {
    width: 5px;
    height: 10px;
    background: url(../images/Msquare2.jpg) center center no-repeat;
    margin-right: 5px;
    display: inline-block;
}

.bodyContM .list2 li {
    line-height: 1.7em;
    margin-bottom: 7px;
    width: 327px;
}

.bodyContM .list2 h3 {
    color: #666;
}

.bodyContM .list2 li .graySqu {
    margin: -20px 0 0 10px;
    width: 290px;
}

.bodyContM .time2 {
    color: #7D7D7D;
}

.bodyContM b {
    color: #6B6B6B;
}

.bodyContM .list3 {
    min-height: 20px;
}

    .bodyContM .list3 li {
        float: left;
        margin-right: 20px;
        line-height: 2em;
    }

.bodyContM .awardsM p {
    background: url(../images/Msquare1.jpg) 0 7px no-repeat;
    text-indent: 10px;
}

.bodyContM .aboutM p {
    margin: -15px 0 0 10px;
    color: #949494;
    line-height: 1.5em;
}

.footinfo {
    float: center;
    margin-top: 12px;
}

.re_N {
    height: inherit;
    padding: 0 46px 0 62px;
    margin: 0 auto;
    background-color: #fff;
}

    .re_N b {
        color: #F7B056;
        font-weight: 400;
    }

    .re_N .orange {
        color: #F7B056;
    }

    .re_N .blue {
        color: #4EACC6;
    }

.headerN {
    height: 135px;
    padding-top: 14px;
    margin-bottom: 41px;
}

.re_N .hasPic {
    border-top: 6px solid #F5A43B;
}

    .re_N .hasPic .userPicN {
        width: 97px;
        height: inherit;
        margin-right: 29px;
    }

    .re_N .hasPic .basicInfo {
        width: 579px;
        height: inherit;
    }

    .re_N .hasPic .userNameN {
        color: #000;
        font-size: 27px;
        margin: 34px 14px 0 0;
        display: inline-block;
    }

    .re_N .hasPic .jobWantN {
        font-size: 14px;
        color: #4F4F4F;
        font-weight: 700;
        display: inline-block;
    }

        .re_N .hasPic .jobWantN span {
            font-size: 13px;
            color: #5B5B5B;
            font-weight: 400;
        }

    .re_N .hasPic .basicInfo .basicInfoDesc {
        line-height: 1.7em;
        font-size: 12px;
        margin-top: 16px;
    }

.re_N .noPic {
    border-top: 6px solid #4EACC6;
}

    .re_N .noPic h1 {
        margin: 28px 30px 0 17px;
        color: #000;
        font-size: 27px;
        display: inline-block;
    }

    .re_N .noPic .jobWantN {
        font-size: 14px;
        color: #4F4F4F;
        font-weight: 700;
        display: inline-block;
    }

        .re_N .noPic .jobWantN span {
            font-size: 13px;
            color: #5B5B5B;
            font-weight: 400;
        }

    .re_N .noPic .basicInfoDesc {
        line-height: 1.7em;
        font-size: 12px;
        margin-top: 16px;
        margin-left: 17px;
    }

.userPicN {
    width: 97px;
    height: inherit;
    margin-right: 29px;
}

.headerN .basicInfo {
    height: inherit;
}

.headerN .userNameN {
    color: #000;
    font-size: 27px;
    font-weight: 700;
    margin: 34px 14px 0 0;
    display: inline-block;
}

.headerN .jobWantN {
    font-size: 14px;
    color: #4F4F4F;
    font-weight: 700;
    display: inline-block;
}

    .headerN .jobWantN span {
        font-size: 13px;
        color: #5B5B5B;
        font-weight: 400;
    }

.headerN .basicInfo .basicInfoDesc {
    line-height: 1.7em;
    font-size: 12px;
    margin-top: 16px;
}

.bodyContN h4 {
    font-size: 17px;
    color: #F7A43C;
    width: 125px;
    text-indent: 5px;
    height: 17px;
    clear: left;
    margin: 0 0 20px;
}

.bodyContN .decLine {
    width: 550px;
    height: 16px;
    border-bottom: 1px solid #FDE4C5;
    margin-bottom: 20px;
}

.bodyContN .line1 {
    border-bottom: 1px solid #FDE4C5;
}

.bodyContN .line2 {
    border-bottom: 1px solid #D6EEF4;
}

.bodyContN .leftN {
    width: 125px;
    margin: 0 0 14px;
    clear: left;
}

    .bodyContN .leftN .leftBorder {
        display: inline-block;
        width: 4px;
        height: 13px;
        background: url(../images/divideN1.jpg) center center no-repeat;
        margin: 0 3px 0 15px;
    }

    .bodyContN .leftN .leftBorder2 {
        background: url(../images/divideN2.jpg) center center no-repeat;
    }

    .bodyContN .leftN h5 {
        display: inline-block;
        color: #454545;
        vertical-align: text-top;
        width: 75px;
    }

    .bodyContN .leftN .leftTime {
        color: #686868;
        margin-top: 3px;
    }

.bodyContN .rightN {
    width: 545px;
}

    .bodyContN .rightN .boldDeep {
        color: #292929;
        font-weight: 700;
    }

    .bodyContN .rightN .rightDesc {
        margin: 5px 0 10px;
        line-height: 1.75em;
        color: #3C3C3C;
    }

    .bodyContN .rightN .list1 {
        margin-bottom: 10px;
    }

        .bodyContN .rightN .list1 li {
            float: left;
            margin-right: 20px;
            color: #231814;
            line-height: 1.7em;
        }

    .bodyContN .rightN .list2 li {
        float: left;
        margin: 0 40px 10px 0;
        color: #231814;
        line-height: 2em;
    }

    .bodyContN .rightN .list1 li .liPointN {
        display: inline-block;
        width: 5px;
        height: 12px;
        margin-right: 5px;
        background: url(../images/liPointN.jpg) center center no-repeat;
    }

    .bodyContN .rightN .list1 li .liPointN1 {
        background: url(../images/liPointN1.jpg) center center no-repeat;
    }

    .bodyContN .rightN .list1 li .liPointN2 {
        background: url(../images/liPointN2.jpg) center center no-repeat;
    }

    .bodyContN .rightN .hobbyCirN {
        display: inline-block;
        width: 18px;
        height: 18px;
        background: url(../images/hobbyCirN.jpg) center center no-repeat;
        vertical-align: top;
    }

    .bodyContN .rightN .hobbyCirN1 {
        background: url(../images/hobbyCirN1.jpg) center center no-repeat;
    }

    .bodyContN .rightN .hobbyCirN2 {
        background: url(../images/hobbyCirN2.jpg) center center no-repeat;
    }

    .bodyContN .rightN .hobbyDesc {
        display: inline-block;
        margin-left: 5px;
        width: 522px;
        line-height: 1.5em;
        color: #000;
    }

    .bodyContN .rightN .list2 li .padL11 {
        padding-left: 10px;
    }

.re_O {
    width: 790px;
    height: inherit;
    background-color: #fff;
    margin: 0 auto;
}

.headerO {
    height: 247px;
    background-color: #464345;
    overflow: hidden;
    position: relative;
}

.userPicO {
    width: 109px;
    height: 109px;
    margin: 61px auto 0;
    position: relative;
    overflow: hidden;
}

    .userPicO img {
        position: absolute;
    }

.userPhotO {
    left: 6px;
    top: 2px;
    width: 97px;
    height: 135px;
}

.maskO {
    width: inherit;
    height: inherit;
}

.headerO .nameBgWhite {
    width: 100%;
    height: 34px;
    background-color: #fff;
    position: absolute;
    bottom: 48px;
    text-align: center;
    font-size: 0;
}

    .headerO .nameBgWhite .nameCont {
        margin: 0 auto;
        height: 59px;
        text-align: center;
        font-size: 45px;
        color: #000;
        word-spacing: -6px;
        letter-spacing: -7px;
    }

        .headerO .nameBgWhite .nameCont p {
            display: inline-block;
            word-spacing: normal;
            letter-spacing: normal;
        }

        .headerO .nameBgWhite .nameCont .leftDecor, .headerO .nameBgWhite .nameCont .rightDecor {
            background: url(../images/nameOMask.jpg) no-repeat;
            width: 17px;
            height: inherit;
            margin-top: -10px;
        }

        .headerO .nameBgWhite .nameCont .leftDecor {
            background-position: 0 0;
        }

        .headerO .nameBgWhite .nameCont .rightDecor {
            background-position: -17px 0;
        }

        .headerO .nameBgWhite .nameCont .name {
            background-color: #b78936;
            position: relative;
            top: -12px;
            height: 59px;
            line-height: 59px;
            text-transform: capitalize;
            padding: 0 42px;
        }

.headerO .jobWant {
    width: 100%;
    height: 34px;
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: 0;
    font-size: 25px;
    line-height: 34px;
    text-transform: capitalize;
}

.bodyContO {
    padding-top: 31px;
}

    .bodyContO table {
        width: 100%;
    }

        .bodyContO table td {
            vertical-align: top;
            padding-right: 10px;
        }

    .bodyContO .left {
        width: 48%;
        border-right: 5px solid #454545;
    }

    .bodyContO .right {
        width: 48%;
    }

    .bodyContO div h1 {
        color: #454545;
        font-size: 19px;
        height: 45px;
        line-height: 45px;
        margin-bottom: 25px;
    }

        .bodyContO div h1 i {
            width: 46px;
            height: 45px;
            display: inline-block;
            background: url(../images/tempOIcon.jpg) no-repeat;
            vertical-align: middle;
            margin-left: 9px;
            margin-right: 10px;
        }

    .bodyContO .basicInfo h1 i {
        background-position: 0 0;
    }

    .bodyContO .skills h1 i {
        background-position: -46px 0;
    }

    .bodyContO .awards h1 i {
        background-position: -92px 0;
    }

    .bodyContO .about h1 i {
        background-position: -138px 0;
    }

    .bodyContO .hobby h1 i {
        background-position: 0 -45px;
    }

    .bodyContO .edu h1 i {
        background-position: -46px -45px;
    }

    .bodyContO .work h1 i {
        background-position: -92px -45px;
    }

    .bodyContO .major h1 i {
        background-position: -139px -45px;
    }

    .bodyContO .campus h1 i {
        background-position: 0 -90px;
    }

    .bodyContO .train h1 i {
        background-position: -48px -90px;
    }

    .bodyContO .research h1 i {
        background-position: -93px -90px;
    }

    .bodyContO .pub h1 i {
        background-position: -139px -90px;
    }

    .bodyContO .list1 {
        list-style-type: disc;
        color: #515151;
        margin-left: 42px;
        line-height: 1.8em;
    }

    .bodyContO .list2 {
        margin-left: 10px;
        width: 364px;
    }

        .bodyContO .list2 li {
            margin-bottom: 10px;
        }

        .bodyContO .list2 h4 {
            color: #B88939;
            font-size: 13px;
            text-transform: capitalize;
            height: 16px;
            line-height: 16px;
        }

            .bodyContO .list2 h4 label {
                float: left;
                clear: left;
            }

            .bodyContO .list2 h4 p {
                width: 235px;
                display: inline-block;
                float: left;
                line-height: 1.4em;
                margin-bottom: 5px;
            }

            .bodyContO .list2 h4 b {
                display: inline-block;
                width: 10px;
                height: 10px;
                border-radius: 50%;
                background-color: #B88836;
                margin-right: 6px;
            }

            .bodyContO .list2 h4 i {
                display: inline-block;
                width: 95px;
                height: 5px;
                border-top: 3px solid #fff;
                border-bottom: 2px solid #fff;
                background-color: #454545;
                margin-right: 18px;
            }

        .bodyContO .list2 h5 b {
            display: inline-block;
            width: 111px;
            margin-right: 18px;
            text-align: right;
            color: #B88939;
            float: left;
            clear: left;
        }

        .bodyContO .list2 h5 p {
            width: 235px;
            font-size: 13px;
            color: #000;
            display: inline-block;
            float: left;
            line-height: 1.4em;
        }

        .bodyContO .list2 .desc {
            line-height: 2em;
            color: grey;
            width: 235px;
            margin-left: 129px;
        }

    .bodyContO .basicInfo .list1 b {
        display: inline-block;
        width: 60px;
    }

    .bodyContO .list1 span {
        color: #9B9B9B;
    }

    .bodyContO .list1 .time1 {
        color: #919191;
        padding-left: 14px;
    }

    .bodyContO .list1 .size1 {
        color: #363636;
        padding-left: 15px;
    }

.re_P {
    width: 813px;
    height: inherit;
    background-color: #fff;
    margin: 0 auto;
}

    .re_P .borderRed {
        border-color: #D94A39;
    }

    .re_P .header {
        width: 775px;
        height: 160px;
        padding-left: 38px;
        border-top-style: solid;
        border-top-width: 7px;
        border-bottom: 1px dotted #CBCBCB;
        overflow: hidden;
    }

        .re_P .header .userPhoto {
            float: left;
            position: relative;
            top: 17px;
            width: 113px;
            height: 113px;
            border-style: solid;
            border-width: 3px;
            padding: 3px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
        }

            .re_P .header .userPhoto img {
                width: 114px;
                height: 114px;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
            }

        .re_P .header .basicInfo {
            float: left;
            position: relative;
            width: 615px;
            height: 112px;
            padding-top: 48px;
            margin-left: 35px;
            overflow: hidden;
        }

            .re_P .header .basicInfo h1 {
                font-size: 35px;
                font-weight: 400;
                color: #000;
                line-height: 30px;
            }

            .re_P .header .basicInfo h4 {
                font-size: 14px;
                font-weight: 400;
                color: #BEBEBE;
                margin-top: 11px;
            }

            .re_P .header .basicInfo ul {
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 30px;
            }

                .re_P .header .basicInfo ul li {
                    float: left;
                    height: inherit;
                    margin-right: 16px;
                }

.QprogressTwentyBlack {
    background-position: 0 -292px !important;
}

.QprogressFortyBlack {
    background-position: 0 -302px !important;
}

.QprogressSixtyBlack {
    background-position: 0 -312px !important;
}

.QprogressEightyBlack {
    background-position: 0 -322px !important;
}

.QprogressFullBlack {
    background-position: -10px -332px !important;
}

.QprogressTwentyRed {
    background-position: 0 -342px !important;
}

.QprogressFortyRed {
    background-position: 0 -352px !important;
}

.QprogressSixtyRed {
    background-position: 0 -362px !important;
}

.QprogressEightyRed {
    background-position: 0 -372px !important;
}

.QprogressFullRed {
    background-position: -10px -382px !important;
}

.QprogressTwentyYellow {
    background-position: 0 -392px !important;
}

.QprogressFortyYellow {
    background-position: 0 -402px !important;
}

.QprogressSixtyYellow {
    background-position: 0 -412px !important;
}

.QprogressEightyYellow {
    background-position: 0 -422px !important;
}

.QprogressFullYellow {
    background-position: -10px -432px !important;
}

.QprogressTwentyBlue {
    background-position: 0 -442px !important;
}

.QprogressFortyBlue {
    background-position: 0 -452px !important;
}

.QprogressSixtyBlue {
    background-position: 0 -462px !important;
}

.QprogressEightyBlue {
    background-position: 0 -472px !important;
}

.QprogressFullBlue {
    background-position: -10px -482px !important;
}

.QprogressTwentyJadeGreen {
    background-position: 0 -492px !important;
}

.QprogressFortyJadeGreen {
    background-position: 0 -502px !important;
}

.QprogressSixtyJadeGreen {
    background-position: 0 -512px !important;
}

.QprogressEightyJadeGreen {
    background-position: 0 -522px !important;
}

.QprogressFullJadeGreen {
    background-position: -10px -532px !important;
}

.QprogressTwentyGrassGreen {
    background-position: 0 -542px !important;
}

.QprogressFortyGrassGreen {
    background-position: 0 -552px !important;
}

.QprogressSixtyGrassGreen {
    background-position: 0 -562px !important;
}

.QprogressEightyGrassGreen {
    background-position: 0 -572px !important;
}

.QprogressFullGrassGreen {
    background-position: -10px -582px !important;
}

.re_Q .icon {
    display: inline-block;
    background: url(../images/tempQ.jpg) no-repeat;
}

.re_Q .header .Qright .gender {
    width: 14px;
    height: 14px;
    background-position: 0 -276px;
    vertical-align: top;
}

.re_Q .header .Qright .nationality {
    width: 14px;
    height: 14px;
    background-position: -14px -276px;
    vertical-align: top;
}

.re_Q .header .Qright .age {
    width: 14px;
    height: 14px;
    background-position: -29px -276px;
    vertical-align: top;
}

.re_Q .header .Qright .location {
    width: 13px;
    height: 14px;
    background-position: -43px -276px;
    vertical-align: top;
}

.re_Q .header .Qright .politicsFace {
    width: 14px;
    height: 13px;
    background-position: -56px -276px;
    vertical-align: top;
}

.re_Q .header .Qright .phone {
    width: 15px;
    height: 16px;
    background-position: -70px -276px;
    vertical-align: top;
}

.re_Q .header .Qright .email {
    width: 16px;
    height: 16px;
    background-position: -84px -276px;
    vertical-align: top;
}

.re_Q .header .iconBasic {
    width: 45px;
    height: 41px;
    background-position-x: 0;
}

.re_Q .bodyCont .infoWrap h2 .icon {
    width: 41px;
    height: 46px;
    vertical-align: top;
}

.re_Q .bodyCont .iconWork {
    background-position-x: -45px;
}

.re_Q .bodyCont .iconEdu {
    background-position-x: -86px;
}

.re_Q .bodyCont .iconCampus {
    background-position-x: -127px;
}

.re_Q .bodyCont .iconAwards {
    background-position-x: -168px;
}

.re_Q .bodyCont .iconSkill {
    background-position-x: -209px;
}

.re_Q .bodyCont .iconResearch {
    background-position-x: -250px;
}

.re_Q .bodyCont .iconMajor {
    background-position-x: -291px;
}

.re_Q .bodyCont .iconHobby {
    background-position-x: -332px;
}

.re_Q .bodyCont .iconPub {
    background-position-x: -373px;
}

.re_Q .bodyCont .iconAbout {
    background-position-x: -414px;
}

.re_Q .iconBlack {
    background-position-y: 0;
}

.re_Q .iconRed {
    background-position-y: -46px;
}

.re_Q .iconYellow {
    background-position-y: -92px;
}

.re_Q .iconBlue {
    background-position-y: -138px;
}

.re_Q .iconJadeGreen {
    background-position-y: -184px;
}

.re_Q .iconGrassGreen {
    background-position-y: -230px;
}

.re_Q {
    width: 768px;
    padding: 25px 10px 0 15px;
    margin: 0 auto;
    background-color: #fff;
}

    .re_Q .noImg {
        height: 85px;
        margin-bottom: 23px;
        margin-top: 11px;
    }

    .re_Q .hasImg {
        height: 119px;
    }

    .re_Q .noImg .Qleft {
        float: left;
        width: 262px;
        height: 60px;
        padding: 15px 0 0 50px;
    }

    .re_Q .hasImg .Qleft {
        float: left;
        width: 321px;
        height: 60px;
    }

        .re_Q .hasImg .Qleft .userImgWrap {
            float: left;
            position: relative;
            width: 114px;
            height: 114px;
            margin-right: 11px;
            overflow: hidden;
        }

            .re_Q .hasImg .Qleft .userImgWrap img {
                position: absolute;
                width: 114px;
            }

    .re_Q .header .Qleft h1 {
        font-size: 35px;
        color: #242424;
    }

    .re_Q .hasImg .Qleft h1 {
        float: left;
        width: 196px;
        margin-top: 35px;
    }

    .re_Q .noImg .Qleft h1 {
        margin-top: 5px;
    }

    .re_Q .hasImg .Qleft h3 {
        float: left;
        width: 196px;
        margin-top: 5px;
        text-transform: capitalize;
    }

    .re_Q .noImg .Qleft h3 {
        margin-top: 5px;
        text-transform: capitalize;
    }

    .re_Q .Eng .Qright {
        float: left;
        width: 445px;
        height: 85px;
    }

    .re_Q .hasImg .Qright {
        position: relative;
        top: 11px;
    }

    .re_Q .header .Qright h2 {
        position: relative;
        float: left;
        border-right: 1px solid #3A3A3A;
    }

    .re_Q .Eng .Qright h2 {
        width: 105px;
        height: inherit;
        line-height: 85px;
        text-indent: 50px;
    }

        .re_Q .Eng .Qright h2 i {
            position: absolute;
            top: 21px;
            left: 0;
        }

    .re_Q .Eng .Qright ul {
        position: relative;
        top: 23px;
        float: left;
        width: 323px;
        height: 46px;
        padding-left: 10px;
        font-size: 12px;
    }

        .re_Q .Eng .Qright ul li {
            float: left;
            height: 16px;
            margin-right: 7px;
            margin-bottom: 5px;
            line-height: 16px;
            vertical-align: top;
        }

            .re_Q .Eng .Qright ul li i {
                margin-right: 4px;
            }

    .re_Q .blackColor {
        color: #393939;
    }

    .re_Q .redColor {
        color: #CF3336;
    }

    .re_Q .yellowColor {
        color: #E4B521;
    }

    .re_Q .blueColor {
        color: #58C3F7;
    }

    .re_Q .jadeGreenColor {
        color: #3FB465;
    }

    .re_Q .grassGreenColor {
        color: #4CB228;
    }

    .re_Q .bodyCont .decorate {
        position: relative;
        top: 0;
        left: 55px;
        width: 10px;
        height: 33px;
        background-position-x: -455px;
    }

    .re_Q .black .decorate {
        background-position-y: 0;
    }

    .re_Q .red .decorate {
        background-position-y: -46px;
    }

    .re_Q .yellow .decorate {
        background-position-y: -92px;
    }

    .re_Q .blue .decorate {
        background-position-y: -138px;
    }

    .re_Q .jadeGreen .decorate {
        background-position-y: -184px;
    }

    .re_Q .grassGreen .decorate {
        background-position-y: -230px;
    }

    .re_Q .bodyCont .infoWrap {
        overflow: hidden;
        margin-bottom: 4px;
    }

    .re_Q .bodyCont .noPaddingLeft {
        width: 384px;
    }

    .re_Q .bodyCont .hasPaddingLeft {
        padding-left: 40px;
        margin-bottom: 15px;
    }

    .re_Q .bodyCont .infoWrap h2 {
        width: 100%;
        height: 46px;
        vertical-align: top;
        color: #3A3A3A;
        line-height: 46px;
        margin-bottom: 4px;
    }

    .re_Q .bodyCont .noPaddingLeft h2 {
        text-indent: 39px;
    }

    .re_Q .bodyCont .hasPaddingLeft h2 {
        margin-bottom: 10px;
    }

    .re_Q .bodyCont .infoWrap h2 i {
        margin-right: 10px;
    }

    .re_Q .bodyCont .infoWrap h4 {
        margin-bottom: 3px;
        font-size: 13px;
    }

    .re_Q .bodyCont .pub h4 {
        width: 254px;
        margin-left: 36px;
    }

    .re_Q .bodyCont .hobby h4, .re_Q .bodyCont .major h4 {
        margin-left: 17px;
        line-height: 17px;
    }

    .re_Q .bodyCont .noPaddingLeft .list1 {
        position: relative;
        left: 59px;
        width: 293px;
        border-left: 2px solid #9A9A9A;
        padding-top: 23px;
        padding-left: 29px;
        padding-bottom: 5px;
    }

    .re_Q .bodyCont .hasPaddingLeft .list1 {
        position: relative;
        width: 293px;
        padding-left: 17px;
    }

    .re_Q .bodyCont .pub .list1 {
        padding-left: 0;
    }

    .re_Q .bodyCont .infoWrap .list1 > li {
        position: relative;
        margin-bottom: 15px;
    }

    .re_Q .bodyCont .noPaddingLeft .list1 li > strong {
        display: inline-block;
        position: absolute;
        top: 0;
        left: -90px;
        width: 50px;
        height: 30px;
        color: #A3A3A3;
        font-weight: 400;
        white-space: normal;
    }

    .re_Q .bodyCont .infoWrap .list1 > li .dot {
        position: absolute;
        top: -2px;
        width: 10px;
        height: 19px;
        background-position: -102px -277px;
    }

    .re_Q .bodyCont .noPaddingLeft .list1 > li .dot {
        left: -35px;
    }

    .re_Q .bodyCont .hasPaddingLeft .list1 > li .dot {
        left: 17px;
    }

    .re_Q .bodyCont .noPaddingLeft .list1 > li > p {
        margin-top: 5px;
        color: #B2B2B2;
    }

    .re_Q .bodyCont .hasPaddingLeft .list1 > li > p {
        width: inherit;
        line-height: 15px;
        margin-bottom: 7px;
        margin-top: 5px;
        color: #424242;
        overflow: hidden;
    }

    .re_Q .bodyCont .pub p {
        width: 254px;
        margin-left: 36px;
    }

    .re_Q .bodyCont .about p {
        width: 272px;
        margin-left: 18px;
        font-size: 13px;
        line-height: 1.5em;
    }

    .re_Q .bodyCont .hasPaddingLeft .list1 > li > p .fr {
        color: #B2B2B2;
    }

    .re_Q .bodyCont .infoWrap .list1 ul li {
        width: inherit;
        overflow: hidden;
    }

    .re_Q .bodyCont .infoWrap .point {
        width: 3px;
        height: 3px;
        background-position-x: -466px;
        vertical-align: middle;
    }

    .re_Q .bodyCont .infoWrap .blackPoint {
        background-position-y: 0;
    }

    .re_Q .bodyCont .infoWrap .redPoint {
        background-position-y: -46px;
    }

    .re_Q .bodyCont .infoWrap .yellowPoint {
        background-position-y: -92px;
    }

    .re_Q .bodyCont .infoWrap .bluePoint {
        background-position-y: -138px;
    }

    .re_Q .bodyCont .infoWrap .jadeGreenPoint {
        background-position-y: -184px;
    }

    .re_Q .bodyCont .infoWrap .grassGreenPoint {
        background-position-y: -230px;
    }

    .re_Q .bodyCont .infoWrap .list1 ul li .point {
        float: left;
        position: relative;
        top: 7px;
        left: 2px;
        margin-right: 4px;
    }

        .re_Q .bodyCont .infoWrap .list1 ul li .point ~ p {
            float: left;
            width: 285px;
            line-height: 1.5em;
        }

    .re_Q .bodyCont .hasPaddingLeft .list1 ul li .point ~ p {
        color: #666;
    }

    .re_Q .bodyCont .noPaddingLeft .list1 .meter {
        width: 301px;
        height: 10px;
    }

    .re_Q .bodyCont .hobby em {
        color: #DB493A;
    }

.kong {
    width: 100%;
    height: 10px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.auto {
    overflow: hidden;
    margin: 0 auto;
    color: #888;
}

    .auto * {
        margin: 0;
        padding: 0;
        list-style: none;
        font: 12px "微软雅黑";
        font-weight: 400;
        border: none;
        background: 0 0;
    }

.hong {
    width: 100%;
    height: 7px;
    overflow: hidden;
    background: #d94a39;
}

.jl-1-tx {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
    border-bottom: #ccc 2px dotted;
}

    .jl-1-tx .jl-1-tx1 {
        width: 127px;
        height: 127px;
        margin: 16px 36px;
        float: left;
        text-align: center;
    }

    .jl-1-tx .jl-1-tx2 {
        height: 160px;
        float: right;
    }

        .jl-1-tx .jl-1-tx2 h1 {
            margin-top: 30px;
            font-size: 36px;
            color: #242424;
        }

        .jl-1-tx .jl-1-tx2 h2 {
            margin-top: 5px;
        }

        .jl-1-tx .jl-1-tx2 h3 {
            margin-top: 20px;
        }

            .jl-1-tx .jl-1-tx2 h3 img {
                vertical-align: text-bottom;
            }

.jl-le {
    overflow: hidden;
}

    .jl-le .jl-le-img, .jl-ri .jl-le-img {
        width: 355px;
        height: 25px;
    }

        .jl-le .jl-le-img img, .jl-ri .jl-le-img img {
            float: left;
        }

        .jl-le .jl-le-img font, .jl-ri .jl-le-img font {
            width: 70px;
            height: 25px;
            margin: 0 10px;
            float: left;
            font-size: 17px;
            font-weight: 700;
            color: #666;
            line-height: 25px;
        }

            .jl-le .jl-le-img font#f3, .jl-ri .jl-le-img font#f3 {
                width: 35px;
            }

        .jl-le .jl-le-img .jl-le-img1, .jl-ri .jl-le-img .jl-le-img1 {
            width: 235px;
            height: 10px;
            border-bottom: #ccc 2px dotted;
        }

        .jl-le .jl-le-img .jl-le-img2, .jl-ri .jl-le-img .jl-le-img2 {
            width: 2px;
            height: 10px;
            border-bottom: #999 2px dotted;
        }

        .jl-le .jl-le-img .jl-le-img3, .jl-ri .jl-le-img .jl-le-img3 {
            width: 270px;
            height: 10px;
            border-bottom: #ccc 2px dotted;
        }

    .jl-le .jl-le-jy {
        overflow: hidden;
        margin-bottom: 30px;
    }

        .jl-le .jl-le-jy img {
            margin-right: 20px;
            float: left;
        }

        .jl-le .jl-le-jy h1, .jl-le .jl-le-jy h2, .jl-le .jl-le-jy h3 {
            width: 255px;
            float: left;
            line-height: 25px;
        }

        .jl-le .jl-le-jy h1 {
            padding-bottom: 5px;
            font-size: 18px;
            font-weight: 700;
            color: #4a4a4a;
        }

        .jl-le .jl-le-jy h2 {
            border-top: #dd5c4d 2px solid;
        }

        .jl-le .jl-le-jy h3 {
            margin-top: 5px;
        }

            .jl-le .jl-le-jy h3 li {
                margin-right: 10px;
                float: left;
                font-weight: 700;
            }

                .jl-le .jl-le-jy h3 li img {
                    margin-top: 5px;
                    margin-right: 5px;
                }

    .jl-le .jl-le-fb, .jl-le .jl-le-hj, .jl-le .jl-le-jn, .jl-ri .jl-ri-gz, .jl-ri .jl-ri-ky, .jl-ri .jl-ri-xy {
        overflow: hidden;
        margin-bottom: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        background: url(../tu/jl-1-img2-bj.jpg) 11px 0 repeat-y;
    }

        .jl-le .jl-le-fb li, .jl-le .jl-le-hj li, .jl-le .jl-le-jn li {
            margin-top: 10px;
            margin-left: 7px;
            color: #4a4a4a;
            font-size: 16px;
            font-weight: 700;
        }

            .jl-le .jl-le-fb li img, .jl-le .jl-le-hj li img, .jl-le .jl-le-jn li img {
                margin-right: 10px;
            }

            .jl-le .jl-le-fb li span, .jl-le .jl-le-hj li span {
                margin-right: 10px;
                color: #d94a39;
                font-weight: 700;
                font-size: 10px;
            }

            .jl-le .jl-le-fb li font, .jl-le .jl-le-hj li font {
                margin-left: 70px;
                color: #d94a39;
            }

        .jl-le .jl-le-jn li {
            padding-bottom: 7px;
        }

        .jl-le .jl-le-fb li {
            font-size: 14px;
        }

    .jl-le p {
        width: 295px;
        overflow: hidden;
        margin: 15px 0 25px 30px;
        color: #4a4a4a;
        line-height: 22px;
        font-size: 14px;
    }

.jl-ri {
    overflow: hidden;
}

    .jl-ri .jl-ri-gz .jl-ri-gz1 {
        overflow: hidden;
        margin-top: 10px;
        margin-left: 14px;
        margin-right: 10px;
        float: left;
    }

        .jl-ri .jl-ri-gz .jl-ri-gz1 font, .jl-ri .jl-ri-gz .jl-ri-gz1 span {
            padding: 0 3px;
            display: block;
            color: #d94a39;
            font-weight: 700;
            font-size: 10px;
        }

        .jl-ri .jl-ri-gz .jl-ri-gz1 font {
            border-top: #888 2px dotted;
        }

    .jl-ri .jl-ri-gz ul {
        width: 300px;
        overflow: hidden;
        margin-top: 10px;
        float: left;
    }

        .jl-ri .jl-ri-gz ul h2 {
            margin-bottom: 10px;
            color: #4a4a4a;
            font-size: 16px;
            font-weight: 700;
        }

        .jl-ri .jl-ri-gz ul li {
            overflow: hidden;
        }

            .jl-ri .jl-ri-gz ul li img {
                margin: 7px 3px 7px 0;
                float: left;
            }

            .jl-ri .jl-ri-gz ul li p {
                width: 290px;
                float: left;
                line-height: 20px;
            }

    .jl-ri .jl-ri-ul {
        overflow: hidden;
        padding-top: 10px;
    }

        .jl-ri .jl-ri-ul li {
            width: 325px;
            overflow: hidden;
            margin-left: 35px;
        }

            .jl-ri .jl-ri-ul li img {
                margin: 5px 3px 5px 0;
                float: left;
            }

            .jl-ri .jl-ri-ul li p {
                width: 310px;
                float: left;
                line-height: 20px;
                margin-bottom: 10px;
            }

.jl-2-tx {
    width: 100%;
    height: 160px;
    margin-bottom: 20px;
    text-align: center;
    border-bottom: #ccc 2px dotted;
    overflow: hidden;
}

    .jl-2-tx h1 {
        margin-top: 30px;
        font-size: 36px;
        color: #242424;
    }

    .jl-2-tx h2 {
        margin-top: 5px;
    }

    .jl-2-tx h3 {
        margin-top: 20px;
    }

        .jl-2-tx h3 img {
            vertical-align: text-bottom;
        }

.re_R {
    border-left-width: 95px;
    border-left-style: solid;
    margin: 0 auto;
    min-height: 1150px;
    background-color: #fff;
}

    .re_R .icon {
        display: inline-block;
        width: 40px;
        height: 41px;
        background: url(../images/tempRIcon.png) no-repeat;
        margin-right: 42px;
        vertical-align: top;
    }

    .re_R.red {
        border-left-color: #E8444B;
    }

    .re_R.coffee {
        border-left-color: #A6937C;
    }

    .re_R.blue {
        border-left-color: #0068B7;
    }

    .re_R.green {
        border-left-color: #094;
    }

    .re_R b {
        color: #666;
    }

    .re_R.red .bodyCont .edu h5, .re_R.red .bodyCont .infoWrap h2, .re_R.red .bodyCont .list3 span, .re_R.red h1 {
        color: #E6454A !important;
    }

    .re_R.coffee .bodyCont .edu h5, .re_R.coffee .bodyCont .infoWrap h2, .re_R.coffee .bodyCont .list3 span, .re_R.coffee h1 {
        color: #A6937C !important;
    }

    .re_R.blue .bodyCont .edu h5, .re_R.blue .bodyCont .infoWrap h2, .re_R.blue .bodyCont .list3 span, .re_R.blue h1 {
        color: #0068B7 !important;
    }

    .re_R.green .bodyCont .edu h5, .re_R.green .bodyCont .infoWrap h2, .re_R.green .bodyCont .list3 span, .re_R.green h1 {
        color: #094 !important;
    }

    .re_R .header.hasImg {
        width: 762px;
        height: 147px;
        margin-left: -72px;
        padding-top: 43px;
        padding-bottom: 31px;
    }

    .re_R .header.noImg {
        width: 650px;
        height: 114px;
        padding: 66px 37px 27px 23px;
    }

    .re_R .header h1 {
        display: inline-block;
    }

    .re_R .header.noImg h1 {
        font-size: 36px;
        margin-top: 6px;
        margin-bottom: 27px;
    }

    .re_R .header.hasImg h1 {
        font-size: 32px;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .re_R .header h1 span {
        font-size: 13px;
        font-weight: 700;
        padding-left: 37px;
        color: #221914;
        text-transform: capitalize;
    }

    .re_R .header.noImg ul {
        height: 35px;
    }

    .re_R .header ul li {
        float: left;
        margin-right: 18px;
        margin-bottom: 10px;
        color: #2C201F;
    }

    .re_R .header.hasImg .left {
        float: left;
        width: 130px;
        height: 130px;
        border: 8px solid #fff;
        margin-right: 27px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        overflow: hidden;
    }

        .re_R .header.hasImg .left img {
            width: inherit;
        }

    .re_R .header.hasImg .right {
        float: left;
        position: relative;
        top: 22px;
        width: 589px;
    }

    .re_R .bodyCont {
        width: 750px;
        min-height: 943px;
        margin-left: -60px;
        overflow: hidden;
    }

        .re_R .bodyCont .infoWrap {
            margin-bottom: 20px;
        }

            .re_R .bodyCont .infoWrap h2 {
                height: 41px;
                line-height: 41px;
                font-size: 20px;
            }

        .re_R .bodyCont .edu h2 .icon {
            background-position: 0 0;
        }

        .re_R .bodyCont .campus h2 .icon {
            background-position: -40px 0;
        }

        .re_R .bodyCont .work h2 .icon {
            background-position: -80px 0;
        }

        .re_R .bodyCont .skill h2 .icon {
            background-position: -120px 0;
        }

        .re_R .bodyCont .hobby h2 .icon {
            background-position: 0 -41px;
        }

        .re_R .bodyCont .research h2 .icon {
            background-position: -40px -41px;
        }

        .re_R .bodyCont .train h2 .icon {
            background-position: -80px -41px;
        }

        .re_R .bodyCont .about h2 .icon {
            background-position: -120px -41px;
        }

        .re_R .bodyCont .pub h2 .icon {
            background-position: 0 -82px;
        }

        .re_R .bodyCont .awards h2 .icon {
            background-position: -40px -82px;
        }

        .re_R .bodyCont .major h2 .icon {
            background-position: -80px -82px;
        }

        .re_R .bodyCont .infoWrap .list1 {
            width: 667px;
            margin-left: 83px;
            overflow: hidden;
        }

            .re_R .bodyCont .infoWrap .list1 li {
                margin-bottom: 15px;
                overflow: hidden;
            }

        .re_R .bodyCont .infoWrap .time {
            float: left;
            clear: left;
            width: 130px;
        }

        .re_R .bodyCont .infoWrap .right {
            float: left;
            width: 537px;
        }

            .re_R .bodyCont .infoWrap .right h5 {
                float: left;
                width: 100%;
                color: #2F2F2F;
                font-size: 13px;
            }

        .re_R .bodyCont.Chi .infoWrap .right h5 {
            margin-bottom: 5px;
        }

        .re_R .bodyCont .edu .right img {
            float: left;
            display: block;
            width: 82px;
            height: 82px;
            margin-right: 15px;
        }

        .re_R .bodyCont .edu .right h5 {
            width: 440px !important;
            margin-top: 5px;
            margin-bottom: 0 !important;
        }

        .re_R .bodyCont .infoWrap .right h5 ~ p {
            float: left;
            width: 95%;
            font-size: 13px;
            line-height: 1.5em;
        }

        .re_R .bodyCont .edu .right h5 ~ p {
            width: 440px !important;
        }

        .re_R .bodyCont .infoWrap .list2, .re_R .bodyCont .infoWrap .list3, .re_R .bodyCont .infoWrap .list4 {
            width: 537px;
            margin-left: 213px;
            overflow: hidden;
        }

            .re_R .bodyCont .infoWrap .list2 li {
                float: left;
                margin-right: 30px;
                margin-bottom: 10px;
                font-weight: 700;
            }

                .re_R .bodyCont .infoWrap .list2 li .listPoint {
                    position: relative;
                    top: -2px;
                    display: inline-block;
                    width: 4px;
                    height: 4px;
                    margin-right: 6px;
                    background-color: #A69279;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    border-radius: 50%;
                }

        .re_R .bodyCont .infoWrap .desc {
            width: 537px;
            margin-left: 213px;
            line-height: 1.5em;
            font-size: 13px;
            overflow: hidden;
        }

        .re_R .bodyCont .infoWrap .list3 li {
            float: left;
            margin-right: 60px;
            margin-bottom: 10px;
        }

            .re_R .bodyCont .infoWrap .list3 li h4 {
                color: #000;
                font-size: 14px;
                margin-bottom: 5px;
                text-indent: -7px;
            }

            .re_R .bodyCont .infoWrap .list3 li h5 {
                color: #000;
                font-size: 13px;
                margin-bottom: 5px;
            }

.SprogressTwentyBlack {
    background-position: -81px -1px !important;
}

.SprogressFortyBlack {
    background-position: -81px -9px !important;
}

.SprogressSixtyBlack {
    background-position: -81px -17px !important;
}

.SprogressEightyBlack {
    background-position: -81px -25px !important;
}

.SprogressFullBlack {
    background-position: -81px -33px !important;
}

.SprogressTwentyRed {
    background-position: -81px -41px !important;
}

.SprogressFortyRed {
    background-position: -81px -49px !important;
}

.SprogressSixtyRed {
    background-position: -81px -57px !important;
}

.SprogressEightyRed {
    background-position: -81px -65px !important;
}

.SprogressFullRed {
    background-position: -81px -73px !important;
}

.SprogressTwentyYellow {
    background-position: -81px -81px !important;
}

.SprogressFortyYellow {
    background-position: -81px -89px !important;
}

.SprogressSixtyYellow {
    background-position: -81px -97px !important;
}

.SprogressEightyYellow {
    background-position: -81px -105px !important;
}

.SprogressFullYellow {
    background-position: -81px -113px !important;
}

.SprogressTwentyBlue {
    background-position: -81px -121px !important;
}

.SprogressFortyBlue {
    background-position: -81px -129px !important;
}

.SprogressSixtyBlue {
    background-position: -81px -137px !important;
}

.SprogressEightyBlue {
    background-position: -81px -145px !important;
}

.SprogressFullBlue {
    background-position: -81px -153px !important;
}

.SprogressTwentyGreen {
    background-position: -81px -161px !important;
}

.SprogressFortyGreen {
    background-position: -81px -169px !important;
}

.SprogressSixtyGreen {
    background-position: -81px -177px !important;
}

.SprogressEightyGreen {
    background-position: -81px -185px !important;
}

.SprogressFullGreen {
    background-position: -81px -193px !important;
}

.re_S {
    padding: 15px 0 0 25px;
    margin: 0 auto;
    background-color: #fff;
}

    .re_S .icon {
        background: url(../images/tempSIcon.png) no-repeat;
        display: inline-block;
    }

    .re_S .header {
        height: 138px;
    }

        .re_S .header .userPhoto {
            float: left;
            width: 90px;
            height: 90px;
            overflow: hidden;
            position: relative;
        }

    .re_S .userPhoto .Smask, .re_S .userPhoto .Spic {
        position: absolute;
    }

    .re_S.black .header .userPhoto {
        border-color: #979798;
    }

    .re_S.red .header .userPhoto {
        border-color: #EA2B2B;
    }

    .re_S.yellow .header .userPhoto {
        border-color: #ECE344;
    }

    .re_S.blue .header .userPhoto {
        border-color: #418BD7;
    }

    .re_S.green .header .userPhoto {
        border-color: #2A8E2D;
    }

    .re_S .header .userNameWrap {
        float: left;
        position: relative;
        top: 10px;
        height: 60px;
        margin-left: 17px;
        margin-right: 40px;
        overflow: hidden;
    }

        .re_S .header .userNameWrap h1 {
            font-size: 25px;
            color: #242424;
            height: 25px;
            margin-top: 20px;
        }

        .re_S .header .userNameWrap p {
            font-size: 13px;
            color: #9C9C9C;
        }

    .re_S .header .basicWrap {
        float: left;
        position: relative;
        top: 10px;
        height: 110px;
        width: 466px;
        overflow: hidden;
    }

        .re_S .header .basicWrap .basic {
            float: left;
            max-width: 220px;
            min-width: 200px;
            margin: 0 5px;
            height: 90px;
        }

            .re_S .header .basicWrap .basic .basicList {
                float: left;
                width: 16px;
                height: 84px;
                margin-right: 8px;
            }

    .re_S.black .header .basicWrap .basic .basicList {
        background-position: 0 0;
    }

    .re_S.red .header .basicWrap .basic .basicList {
        background-position: -17px 0;
    }

    .re_S.yellow .header .basicWrap .basic .basicList {
        background-position: -34px 0;
    }

    .re_S.blue .header .basicWrap .basic .basicList {
        background-position: -49px 0;
    }

    .re_S.green .header .basicWrap .basic .basicList {
        background-position: -65px 0;
    }

    .re_S .header .basicWrap .basic ul li {
        margin-bottom: 3px;
    }

        .re_S .header .basicWrap .basic ul li .icon {
            width: 11px;
            height: 10px;
            margin-right: 5px;
        }

            .re_S .header .basicWrap .basic ul li .icon.gender {
                background-position: -3px -110px;
            }

            .re_S .header .basicWrap .basic ul li .icon.nation {
                background-position: -19px -110px;
            }

            .re_S .header .basicWrap .basic ul li .icon.age {
                background-position: -35px -110px;
            }

            .re_S .header .basicWrap .basic ul li .icon.location {
                background-position: -51px -110px;
            }

            .re_S .header .basicWrap .basic ul li .icon.poliFace {
                background-position: -67px -110px;
            }

            .re_S .header .basicWrap .basic ul li .icon.mail {
                background-position: -3px -122px;
            }

            .re_S .header .basicWrap .basic ul li .icon.phone {
                background-position: -19px -122px;
            }

    .re_S .bodyCont table {
        width: 100%;
    }

        .re_S .bodyCont table td {
            vertical-align: top;
        }

        .re_S .bodyCont table .left {
            width: 344px;
            padding-right: 36px;
        }

        .re_S .bodyCont table .right {
            width: 354px;
            padding-left: 25px;
        }

        .re_S .bodyCont table .infoWrap {
            margin-bottom: 20px;
        }

            .re_S .bodyCont table .infoWrap h2 {
                width: 100%;
                height: 24px;
                line-height: 24px;
                margin-bottom: 20px;
            }

                .re_S .bodyCont table .infoWrap h2 .title {
                    width: 8px;
                    height: 24px;
                    margin-right: 6px;
                    vertical-align: bottom;
                }

    .re_S.black .bodyCont table .infoWrap h2 .title {
        background-position: 0 -85px;
    }

    .re_S.red .bodyCont table .infoWrap h2 .title {
        background-position: -17px -85px;
    }

    .re_S.yellow .bodyCont table .infoWrap h2 .title {
        background-position: -33px -85px;
    }

    .re_S.blue .bodyCont table .infoWrap h2 .title {
        background-position: -49px -85px;
    }

    .re_S.green .bodyCont table .infoWrap h2 .title {
        background-position: -65px -85px;
    }

    .re_S .bodyCont table .infoWrap .list1 li {
        height: 85px;
        margin-bottom: 10px;
    }

        .re_S .bodyCont table .infoWrap .list1 li img {
            float: left;
            width: 83px;
            height: 83px;
            margin-right: 7px;
        }

        .re_S .bodyCont table .infoWrap .list1 li div {
            float: left;
            width: 254px;
            height: inherit;
        }

    .re_S .bodyCont table .infoWrap .list1 h4 {
        position: relative;
        top: 5px;
        width: 100%;
        font-size: 13px;
        padding-bottom: 5px;
        margin-bottom: 5px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

    .re_S.black .bodyCont table .infoWrap .list1 h4 {
        border-bottom-color: #959595;
    }

    .re_S.red .bodyCont table .infoWrap .list1 h4 {
        border-bottom-color: #EB2A2B;
    }

    .re_S.yellow .bodyCont table .infoWrap .list1 h4 {
        border-bottom-color: #E4CD41;
    }

    .re_S.blue .bodyCont table .infoWrap .list1 h4 {
        border-bottom-color: #8FBBE7;
    }

    .re_S.green .bodyCont table .infoWrap .list1 h4 {
        border-bottom-color: #82BD83;
    }

    .re_S.black .bodyCont table .infoWrap .mark {
        color: #959595;
    }

    .re_S.red .bodyCont table .infoWrap .mark {
        color: #EB2A2B;
    }

    .re_S.yellow .bodyCont table .infoWrap .mark {
        color: #E6CC41;
    }

    .re_S.blue .bodyCont table .infoWrap .mark {
        color: #418BD7;
    }

    .re_S.green .bodyCont table .infoWrap .mark {
        color: #2A8E2D;
    }

    .re_S .bodyCont table .infoWrap p {
        line-height: 1.4em;
    }

    .re_S .bodyCont table .infoWrap .list1 h4 ~ p {
        position: relative;
        top: 5px;
    }

    .re_S .bodyCont table .infoWrap .list2 li {
        width: 311px;
        padding-left: 33px;
        padding-bottom: 15px;
        border-left-style: solid;
        border-left-width: 1px;
    }

    .re_S .bodyCont table .research .list2 li {
        width: 329px;
        padding-left: 15px;
        border-left: 0 !important;
    }

    .re_S.black .bodyCont table .infoWrap .list2 li, .re_S.black .bodyCont table .infoWrap .list3 li {
        border-left-color: #C2C2C2;
    }

    .re_S.red .bodyCont table .infoWrap .list2 li, .re_S.red .bodyCont table .infoWrap .list3 li {
        border-left-color: #F38382;
    }

    .re_S.yellow .bodyCont table .infoWrap .list2 li, .re_S.yellow .bodyCont table .infoWrap .list3 li {
        border-left-color: #F6E8A1;
    }

    .re_S.blue .bodyCont table .infoWrap .list2 li, .re_S.blue .bodyCont table .infoWrap .list3 li {
        border-left-color: #8FBBE7;
    }

    .re_S.green .bodyCont table .infoWrap .list2 li, .re_S.green .bodyCont table .infoWrap .list3 li {
        border-left-color: #82BD83;
    }

    .re_S .bodyCont table .infoWrap .list2 p {
        position: relative;
    }

    .re_S .bodyCont table .infoWrap .list2 h4 {
        font-size: 14px;
        margin-top: 3px;
        margin-bottom: 10px;
    }

    .re_S .bodyCont table .infoWrap ul .icon.point1 {
        position: absolute;
        width: 13px;
        height: 13px;
    }

    .re_S .bodyCont table .infoWrap .list2 p .icon.point1 {
        left: -40px;
        top: -1px;
    }

    .re_S.black .bodyCont table .infoWrap .icon.point1 {
        background-position: -1px -134px;
    }

    .re_S.red .bodyCont table .infoWrap .icon.point1 {
        background-position: -18px -134px;
    }

    .re_S.yellow .bodyCont table .infoWrap .icon.point1 {
        background-position: -34px -134px;
    }

    .re_S.blue .bodyCont table .infoWrap .icon.point1 {
        background-position: -50px -134px;
    }

    .re_S.green .bodyCont table .infoWrap .icon.point1 {
        background-position: -66px -134px;
    }

    .re_S .bodyCont table .infoWrap .list3 li {
        border-left-style: solid;
        border-left-width: 1px;
        padding-bottom: 15px;
    }

    .re_S .bodyCont table .infoWrap .list3 h3 {
        position: relative;
        width: 326px;
        line-height: 1.2em;
        margin-bottom: 2px;
    }

        .re_S .bodyCont table .infoWrap .list3 h3 span {
            color: #989898;
            font-weight: 400;
            font-size: 13px;
            padding-right: 10px;
            padding-left: 14px;
        }

    .re_S .bodyCont table .infoWrap .list3 .icon.point1 {
        left: -7px;
        top: -1px;
    }

    .re_S .bodyCont table .infoWrap .list3 p {
        width: 268px;
        margin-left: 76px;
    }

    .re_S .bodyCont table .hobby p, .re_S .bodyCont table .major p {
        color: #5D5D5D;
        line-height: 1.5em;
        font-weight: 700;
        font-size: 14px;
        width: 340px;
        margin-left: 14px;
        word-break: break-all;
    }

    .re_S .bodyCont table .skill li {
        margin-bottom: 20px;
        margin-left: 14px;
    }

    .re_S .bodyCont table .skill h4 {
        font-size: 14px;
        margin-bottom: 3px;
    }

    .re_S .bodyCont table .skill .icon.meter {
        width: 329px;
        height: 7px;
        margin-left: -14px;
    }

    .re_S .bodyCont table .about p {
        width: 340px;
        margin-left: 14px;
        line-height: 1.5em;
        color: #6E6E6E;
        font-size: 14px;
    }
